/* LÜKS FONTLAR (KODUN EN TEPESİNDE OLMALI) */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Montserrat:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap'); :root {--theme-color:#1A2639; } /* ========================================================================= 1. BÖLÜM: TUVA ORİJİNAL TEMA İSKELETİ (KIRIK PARANTEZLER DÜZELTİLDİ) ========================================================================= */ *{outline: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} [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: 1920px;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: 'Montserrat', sans-serif; margin: 0; padding: 0;font-size:0.8rem; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } textarea { overflow: auto; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } label { display: inline-block; margin-bottom:0; } input, button, select, textarea { line-height: inherit; } img {display:block; border: none; max-width: 100%; } i{font-style: normal;} a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } a { text-decoration: none;color: #666;transition:background .1s ease-in-out,color .1s ease-in-out;} a:active, a:hover { outline-width: 0; } h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; } select, input { font-family: 'Montserrat', 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;} .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%; } .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: 'Montserrat', 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: 'Montserrat', 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: 'Montserrat', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; } .selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; } .validate, .validateSol, .validateOrta {position: absolute;right: 0;left: 0;bottom: 0;background-color: #a94442;color: #fff;border-radius: 5px;padding: 0 10px;} .validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {background-color: #a94442;position: absolute;right: 0;bottom: 0;left: 0;height: 10px;display: block;border-radius: 0 0 5px 5px;} .cloudzoom-zoom { z-index: 999; } .clearfix { content: ''; clear: both; display: block; float: left; width: 100%; } .clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; } .KasaOnuFirsatlarContent ul li a.button{border: none!important;} .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;} .iletisimContent {float: left;width: 100%;} .iletisimContent .row{margin: 0;} .iletisimContent .AdBan{float: left;width: 50%;} .iletisimContent .iletisimLeft{float:left;padding: 0;margin: 0 0 40px;width: 100%;display:block;} .iletisimContent .categoryTitle{float:left;padding: 0;margin: 0 0 30px;width: 100%;text-align:left;} .iletisimContent .categoryTitle .categoryTitleText{margin-bottom: 0;font-size: 24px;font-weight: bold;line-height: 80px;text-align:left;} .iletisimContent .categoryTitle:after{clear: left;content:'';width: 70px;height: 1px;background:#e5e5e5;float: left; } .iletisimContent .iletisimLeft .Left{display: none;} .iletisimContent .iletisimLeft .Center{display: none;} .iletisimContent .iletisimLeft .span{float: left;width: 100%;margin-top: 20px;} .iletisimContent .iletisimLeft .Right{display: block;color: #343434;font-size: 14px;line-height: 20px;} .iletisimContent .iletisimLeft .Right:before{color: #bababa;font-size: 20px;font-family: 'FontAwesome';width: 35px;text-align: left;font-weight: 300;float: left;} .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 20px;font-weight: bold;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {font-size: 24px;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {content: '\f2a0';} .iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before {content: '\f1ac';} .iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before {content: '\f3c5';} .iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before {content: '\f2b6';} .iletisimContent .iletisimRight{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimRight .iletisimbanka{float:left;padding: 0;width: 100%;margin: 0;} .iletisimContent .iletisimRight .iletisimbanka .span{float:left;padding: 0;width: 100%;margin: 0;} .iletisimContent .iletisimRight .iletisimbanka .span > div{display: block;font-size: 0;border-bottom: 1px solid #e5e5e5;padding: 0 0 20px;margin: 0 0 20px;} .iletisimContent .iletisimRight .iletisimbanka .span > div span{display: inline-block;vertical-align:top;width: auto!important;color: #343434;font-size: 14px;} .iletisimContent .iletisimRight .iletisimbanka .span > div div{display: inline-block;vertical-align:top;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span{display: block;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {text-align:center;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1{text-align: left;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4{text-align: right;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div{display: inline-block;vertical-align:top;width: 25%;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1){margin-bottom: 10px;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: right;} .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) {border-top: 4px solid;margin-top: 20px;padding-top: 20px; } .iletisimContent .iletisimForm{float: left;width: 50%;padding-left: 80px;} .iletisimContent .iletisimForm .rowLeft{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimForm .rowLeft .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;} .iletisimContent .iletisimForm .rowLeft .span .Center{display: none;} .iletisimContent .iletisimForm .rowLeft .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;} .iletisimContent .iletisimForm .rowLeft .span .Right{display: block;position: relative;} .iletisimContent .iletisimForm .rowLeft .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;width: 100%;border-style: solid; border-width: 1px;} .iletisimContent .iletisimForm .rowRight{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimForm .rowRight .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;} .iletisimContent .iletisimForm .rowRight .span .Center{display: none;} .iletisimContent .iletisimForm .rowRight .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;width: auto!important;} .iletisimContent .iletisimForm .rowRight .span .Right{display: block;position: relative;width:auto!important;} .iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display: block;margin-bottom: 10px;} .iletisimContent .iletisimForm .rowRight .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;padding: 0 10px;border-style: solid; border-width: 1px;} .iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;} .iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;} .iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;height: 55px;font-size: 16px;color: #fff;font-weight: normal;text-transform:uppercase;float: left;width: 100%;} .iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk{left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background-color: #ff0d0d;border-radius: 2px;} .iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta{left: 0;right: 0;bottom: 0;top: auto; display: block;border-radius: 2px;} .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;} .pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 25px; } .pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left;margin-bottom: 20px;} .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; } #divTaksitContainer{float: left;width: 100%;margin-top: 10px;} .urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;} .hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.15); z-index: 10; clear: none; display: block !important; } #lang_flag_container { top:0 !important; left:0!important;right: auto;bottom: auto; z-index: 9999 !important; position:relative !important;float:right;margin-left: 25px;} #lang_flag_container:after {position: absolute; width: 100%; right: 0; top:18px; height: 20px; content: '';display: none;} #lang_flag_container #lang-detail {display: none; left:auto !important;top: 100% !important;right: 0; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important;box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transform: translateY(30px);} #lang_flag_container:hover #lang-detail {display: block!important; visibility: visible; opacity: 1; -webkit-transform: none; transform: none;} #lang_flag_container:hover:after {display: block;} #lang {float: left; color: #000 !important; font-size: 14px !important;font-weight: normal;padding: 0 0 0 25px!important;line-height: 13px!important;} #lang span { font-weight: normal;float: left; line-height: 13px!important;} #lang_flag_container:hover #lang { color: #000 !important; font-weight: normal;} #langHover { padding:8.5px 0!important;float: left;} #langHover.white { background: transparent !important; } a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; } #lang-detail .language a{font-size:11px!important;text-align: left;} #lang-detail .currency a{font-size:11px!important;} #lang-detail p{font-size:12px!important;} #back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;display: none;} #back-to-top a {float: left;width: 40px;height: 40px;border-radius: 100%;background: #000;fill: #fff; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;} #back-to-top a svg{height: 25px;} .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: 5vh;width: 25%;max-width: 25%;} .homeContainer .ProductListContent .productItem { margin-bottom: 0; } .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 .ItemOrj { margin-bottom: 5vh;} body:not(.sepetimBody) .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%;} .productItem { width: 100%;height: 100%; position: relative; text-align: center;display: inline-block;float: left;} .productItem .productIcon {width:100%;float: left;} .productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;} .productItem .productImage a, body .productItem .productImage a.Videolu, .productItem .productImage .imageItem a{ display: block; position: relative;padding-bottom: 67%; } .productItem .productImage img, .productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; margin: auto;border-radius:0;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;position: absolute;left:0;right: 0;top: 0;bottom: 0;margin: auto;} .productItem .productDetail { display: block; float: left; width: 100%; text-align:left;padding:0;} .productItem .productName { position: relative;margin:25px 0 7px;float:left;width: 100%;padding-right:25px} .productItem .productName a { float: left; width: 100%; padding: 0; line-height:20px;height:20px; font-weight: normal; font-size:14px; color:#000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .productItem .productPrice { display:inline-block; vertical-align: top; position: relative; margin:0; bottom: 0;} .productItem .discountPrice {display: block;float: right;} .productItem .discountPrice span {color:var(--theme-color);font-size: 16px; line-height:1.1;font-weight:500;} .productItem .discountKdv, .productItem .regularKdv {display:none;} .productItem .regularPrice { display:block !important;float: left;margin-right:13px;} .productItem .regularPrice span {font-size: 16px;color: #707070;-moz-text-decoration-color: #707070; text-decoration-color: #707070; line-height:1.1; font-weight:300; text-decoration: line-through;} .productItem .productPoints{float: left;width: 100%;clear: none;margin-bottom: 5px;} .productItem .productPoints .rating{margin: 0;} .productItem .productPoints .rating i{color: #cacaca;font-size: 17px;margin-right: 1px;} .productItem .productPoints .rating i:last-child{margin-right: 0;} .productItem .productPoints [data-rating^='1'] .star-1 { color: #ff8a00; } .productItem .productPoints [data-rating^='1,5'] .star-2, .productItem .productPoints [data-rating^='1,6'] .star-2, .productItem .productPoints [data-rating^='1,7'] .star-2, .productItem .productPoints [data-rating^='1,8'] .star-2, .productItem .productPoints [data-rating^='1,9'] .star-2 { color: #ff8a00; } .productItem .productPoints [data-rating^='2'] .star-1 { color: #ff8a00; } .productItem .productPoints [data-rating^='2'] .star-2 { color: #ff8a00; } .productItem .productPoints [data-rating*='2,5'] .star-3, .productItem .productPoints [data-rating*='2,6'] .star-3, .productItem .productPoints [data-rating*='2,7'] .star-3, .productItem .productPoints [data-rating*='2,8'] .star-3, .productItem .productPoints [data-rating*='2,9'] .star-3 { color: #ff8a00; } .productItem .productPoints [data-rating^='3'] .star-1 { color: #ff8a00; } .productItem .productPoints [data-rating^='3'] .star-2 { color: #ff8a00; } .productItem .productPoints [data-rating^='3'] .star-3 { color: #ff8a00; } .productItem .productPoints [data-rating^='3,5'] .star-4, .productItem .productPoints [data-rating^='3,6'] .star-4, .productItem .productPoints [data-rating^='3,7'] .star-4, .productItem .productPoints [data-rating^='3,8'] .star-4, .productItem .productPoints [data-rating^='3,9'] .star-4 { color: #ff8a00; } .productItem .productPoints [data-rating^='4'] .star-1 { color: #ff8a00; } .productItem .productPoints [data-rating^='4'] .star-2 { color: #ff8a00; } .productItem .productPoints [data-rating^='4'] .star-3 { color: #ff8a00; } .productItem .productPoints [data-rating^='4'] .star-4 { color: #ff8a00; } .productItem .productPoints [data-rating^='4,5'] .star-5, .productItem .productPoints [data-rating^='4,6'] .star-5, .productItem .productPoints [data-rating^='4,7'] .star-5, .productItem .productPoints [data-rating^='4,8'] .star-5, .productItem .productPoints [data-rating^='4,9'] .star-5 { color: #ff8a00 } .productItem .productPoints [data-rating="5"] i { color: #ff8a00; } .examineIcon,.discountIcon div, .discountIcon .discountIcon_s2{ z-index: 3; display: none;} .discountIcon span,.mycartIcon a span{font-weight:500;} .favori a, .examineIcon a, .mycartIcon a {display: block;} .mycartIcon{position:absolute;left: 0px;right:0px;bottom:0;opacity:0;visibility:hidden;transition:0.5s;text-align:center;;z-index:9;height: 40px;} .mycartIcon a{display:flex !important;align-items:center;justify-content:center;text-align:center;float:left;width:100%;background-color:#42B883;min-height:40px;padding:0px!important;color:#fff;font-size:15px;font-weight:500;transition:0.5s} .mycartIcon a span{font-weight:500} .mycartIcon a:before{content:'';background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/listshopping.svg) no-repeat left center;background-size:100%;width:15px;height:17px;margin-right:12px;} .productItem:hover .mycartIcon{opacity:1;visibility:visible;} .mycartIcon a:hover{background-color:#42AF7D} .productItem .favori{position: absolute;right:0;top:0;display: block!important;} .productItem .favori a{text-align: center;width:25px;padding:0;font-size:0 !important;background-color:transparent;height:20px} .productItem .favori a:before {content: '\f004';color: #707070;font-size:19px;line-height:20px;font-weight: 300;font-family: 'FontAwesome';transition:0.5s} .productItem .favori a:hover:before {font-weight: 600;} .productItem .favori a.listfavoriAktif:before {font-weight: 600;} .TukendiIco { z-index: 5;border-radius:0;background:transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%;overflow:hidden;} .TukendiIco span {line-height: 40px;background:rgba(255,255,255,0.8);position: absolute;left: 0;bottom: 50%;right: 0;max-width: 200px; border:none;color: #000;font-size: 13px;font-weight: normal;padding: 0;border-radius: 0;text-transform:uppercase;margin: 0 auto;} .StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none!important; } 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';} .productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;} .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; } .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;} .breadList.breadActive{display: none!important;} .breadcrumbContent { float: left; } body ul.breadcrumb { margin: 0 auto;display: block!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;} body ul.breadcrumb * { color: #707070; font-size: 12px!important; line-height: 30px!important; float: left; font-weight: normal;} body ul.breadcrumb li {font-size: 0!important;float: none!important; vertical-align:middle;} body ul.breadcrumb li:after { content: '/'; display: inline-block; margin: 0 10px; color: #707070; font-size: 12px ; line-height: 30px; float: left; font-weight:normal;} body ul.breadcrumb li:nth-last-of-type(1):after { display: none;} body a#linkOncekiSayfa {line-height: 30px ; display: none ; color: #707070 ; font-size: 12px!important; font-weight: normal;} .leftImage a#linkOncekiSayfa {display: none;} .categoryTitleText {float: left;width: 100%;margin:25px 0;} .categoryTitle { float: left; width: 100%;} .categoryPageTitle{float: left;width: 100%;line-height:29px;font-size:24px;color:#000000;font-weight:700;text-align:left;margin:5px 0;} body #divSayfalamaUst { float: right; margin:0;padding:30px 0 25px 0;text-align: center} .urunListRel { width: 100%; float: left; position: relative;} .urunListRel .filterBlock{float: left;width: 100%;} .urunListRel.Slct .filterBlock{width: calc(100% - 360px);} .brandlistselection {display:inline-block;vertical-align: top;float: right;margin:15px 0 0;width: 100%;} .urunListRel.Slct .brandlistselection{width: 360px;margin-top: 0;} .brandlistselection .clear { clear: none;display: none; } .brandlistselection ul {padding: 0;margin: 0;list-style: none;} .sortingContent .blockSelect{margin-right:0} .urunListRel.Slct .brandlistselection .sortingContent{flex-direction: row-reverse;} .brandlistselection .sortingContent{background:#fff;float: left;width: 100%;} .brandlistselection .sortingContent li {float: right; background:transparent;border-radius: 0!important;display:none;} .brandlistselection .sortingContent li:nth-child(1){display: block;} .urunListRel:not(.Slct) .brandlistselection .sortingContent li{display: block;float: left;margin-right:15px} .urunListRel:not(.Slct) .brandlistselection .sortingContent li a{font-size: 13px; font-weight: 400; line-height:38px; background:#F7F7F7!important; color:#535353; border:1px solid #E6E6E6; border-radius:10px!important; padding: 0 16px;transition:0.5s} .urunListRel:not(.Slct) .brandlistselection .sortingContent li >a:hover{border-color: #B4B4B4!important;} .urunListRel:not(.Slct) .brandlistselection .sortingContent li a:last-child{margin-right:0} .urunListRel:not(.Slct) .brandlistselection .sortingContent li a.btnCatSorting{margin-right:15px} .urunListRel:not(.Slct) .brandlistselection .sortingContent li a.btnCatSorting i{float:left;line-height:38px} .urunListRel:not(.Slct) .brandlistselection .sortingContent li a.btnCatSorting i{color:#C8C8C8;} .urunListRel:not(.Slct) .brandlistselection .sortingContent li a.btnCatSorting.Active i{color:var(--theme-color);} .brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;font-size:13px;font-weight:400;color:#535353;padding:0 10px;line-height:40px} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;display: block;padding: 0;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet span{line-height:40px;font-size: 13px;font-weight: normal;color:#535353;margin-right: 0;margin-right:40px;display:none;} .urunListRel:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{float: left;} #filterOrderSelect{background:transparent url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/selectbg.svg') no-repeat center right;appearance: none; -moz-appearance: none;-webkit-appearance: none;height:40px;padding:0 30px 0 0;font-size: 13px;font-weight: normal;color:#535353;border-radius:0;border:none;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .filterSelectList{float: left;width: 100%;} .blockSelect .sort_hrz{display: none;} .blockSelect .sort_2{display: none;} .blockSelect .sort_5{display: none;} .category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;} .category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display: none;} body #divSayfalamaUst .filterDeleteContent{float: left;margin:15px 0 0;padding:0; width: 100%;} body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border:1px solid #E6E6E6;width: auto;border-radius:5px;} body #divSayfalamaUst .filterDeleteContent .appliedFilter:last-child{margin: 0;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 25px;margin: 0;border-left:1px solid #E6E6E6;padding: 0;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family:'FontAwesome';line-height: 30px;color: #535353;font-size: 15px;font-weight: 300;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';} body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #505050;font-size: 12px;text-align: left;margin-top: 7px;font-weight:normal;} body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #505050;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;border-left: none;} body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height:30px;font-weight: normal;font-size: 12px;text-align:center;margin: 0;width: 100%;} body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span.filterColorBg{border: none;background-size: 100%!important;} .brandlistselection .filterDeleteContent{display: none!important;} .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: 50px 0; padding: 0; width: 100%; display: block; vertical-align: middle; } .pageNumberContent, .pageBorder {display: inline-block; vertical-align: top; } .pageNumberContent a, .pageBorder a {min-width: 41px; height: 41px; line-height: 41px; font-size: 15px; font-weight: 400; color: var(--theme-color); background:#E4E8EF; border-radius: 100%; border: none; float: left; position: relative; display: block; text-align: center; margin: 0 5px; } .pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important; } .pageNumberContent a:hover, .pageBorder a:hover {background: var(--theme-color); } .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {background: var(--theme-color);color:#fff;} .pageNumber .divMoreProducts .productCountInfo{color: #ffffff; font-size: 15px; font-weight: normal;} .pageNumber .divMoreProducts .button{font-size: 15px; color: #ffffff; background: var(--theme-color); font-weight: normal;} body #divNextProduct .productItem:hover {background-color: var(--theme-color); } body #divNextProduct div span,body #divNextProduct div a {font-weight: 400; font-size: 15px; color: #505050; } .KategoriFilitrelemeContent .Block_Title {display: none; } .RightDetail > .clear { clear: none; } .ProductDetailMain{float:left;width: 100%;} .ProductDetailMainRow{float:left;width: 100%;} .TopDet { float: left; width: 100%; position: relative;margin:0 0 10vh 0;} .leftImage { width: 1055px; float: left; position: relative;padding:0;} .RightDetail { width:calc(100% - 1055px); float: left; position: relative;padding: 0 0 0 15px;} .leftImage .ProductGallery {float: left;width: 100%;} .leftImage .ProductGallery .gallery-container {float: left;width: 100%;position: relative;} .leftImage .ProductGallery .gallery-container .GalleryArea {float: right;width:500px;margin: 0;padding: 0;} .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;width: 90px;border: none;background:transparent;height: 100%;display: block;} .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {float: left;width: 100%;padding: 0;margin: 0;overflow-y: auto;overflow-x: hidden;max-height: 100%;} .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left;clear: left;width: 80px;margin-bottom: 15px;} .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;} .UrunDetayLeft { margin: 0 !important; overflow: hidden; } .Images,#divVideoGoruntulemeAlan { float: right; width:1px;padding-bottom:1px; position: relative;} .Images img,#vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;} .cloudzoom-blank > div:last-child { display: none !important; } .SmallImages {display: block !important;float: left;width:100%;} .SmallImages div {float: left;width:50%;cursor:pointer;padding:0 30px 30px 0;} .SmallImages div:first-child{width:100%;} .SmallImages div img {max-width: 100%;max-height: 100%;} .leftImage .productTimer{display: none!important;} .DetayYeniUrun {display:none!important;} .RightDetail .TopList { float: left; width: 100%; position: relative;padding-top:25px} .RightDetail .MiddleList { float: left; width:100%; position: relative;} .RightDetail .BottomList { float: left; width:100%; position: relative;} .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:#000000; font-size:24px;font-weight:400;} #divUrunKodu {float:left;clear:left; color: #707070; font-size: 14px; font-weight: normal; line-height: 14px; padding: 0;margin:10px 0 0;} #divUrunKodu span{ display:inline-block;vertical-align:top;color: #707070; font-size: 14px; font-weight: normal; position: relative; line-height: 14px;float: left;} #divUrunKodu span:after{content: ':';margin: 0 4px;} #divTaksitAciklama { display:block;float: left;clear:left;margin-top:10px;} #divTaksitAciklama .taksitSatir {color: #707070; font-size: 14px;line-height: 14px;} .RightDetail .puanVer {float:left;clear: left;} .RightDetail #PuanVer{float: left;margin-top:15px;} .RightDetail .PuanVerSag {float: left;color:#707070;font-size:12px;line-height: 14px; margin:15px 0 0 10px;} .RightDetail ul.rating { float: left;padding: 0;margin: 0;list-style: none; } .RightDetail ul.rating li {float: left; margin-right: 0;width: auto;height: auto;padding: 0 2px 0 0;font-size: 0;} .RightDetail ul.rating li i.starItem { font-size: 14px; line-height:14px;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: 14px; 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:#E8A200;} .markaresmi { float: left;position: relative; z-index: 1; display: none!important;} .markaresmi a { float: left; } .markaresmi img { max-width: 100%;float: left;} #divMagazaStok{float:left;clear:left; margin:10px 0 0!important;} #divMagazaStok a{display: inline-block;vertical-align:top; color: #707070; font-size: 14px; font-weight:normal;line-height: 14px;} #divOnyazi {float:left;width: 100%;} #divOnyazi .teksatir{margin-top: 10px;float: left;width: 100%;} #divOnyazi h2{font-weight:normal;font-size:100%;} #divOnyazi * {font-family: 'Montserrat', sans-serif !important;} #divOnyazi strong {font-weight:bold;} #divOnyazi strong * {font-weight:bold;} #divOnyazi i {font-family: 'FontAwesome'!important;margin-right: 12px;} .urunDetayFiyatContainer{} .PriceList { float:left;position:relative;width: 100%;padding: 0;margin:30px 0 28px;} #pnlFiyatlar { display: inline-block; vertical-align: top;float:left;} #divIndirimliFiyat {display: block;} #divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi{ float:left;clear:left;margin-top:10px;line-height:14px;} #divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line{ display: inline-block;vertical-align:top; color: #707070; 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{ display: inline-block;vertical-align:top; color: #707070; 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{display: inline-block;vertical-align:top; color: #707070; font-size: 14px; font-weight:normal;line-height: 14px;width: auto;} .ud-kategori{float:left;width:100%;margin-top:10px;font-size:14px;font-weight:400;color:#707070;} .ud-kategori .center_line{margin:0 5px;} #divIndirimOrani{float:left;margin:0 10px 0 0} #divIndirimOrani .left_line, #divIndirimOrani .center_line{display:none;} #divIndirimOrani .indirimliOrani{font-size:0} #divIndirimOrani .indirimliOrani #ltrIndirimOrani{float:left;line-height:34px;color:#fff;font-size:17px;font-weight:400;padding:0 11px;background-color:#E32503;border-radius:17px} #divIndirimOrani .indirimliOrani #ltrIndirimOrani:before{content:'%';} #divIndirimOrani .indirimliOrani #ltrIndirimOrani:after{content:'';float:left;width:20px;height:34px;background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/detaildiscounticon.svg) no-repeat left center;background-size:100%;margin-right:7px} .PiyasafiyatiContent {display:block;float: left;margin-right:16px} .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;} .IndirimliFiyatContent {display: block;float: left;} .IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none;} .IndirimliFiyatContent .right_line { display: inline-block;vertical-align:top;} .IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; } .IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;} #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; } #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;} #divKDVDahilFiyat { display: block;float: left;margin-top: 8px;} #divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top;font-weight: normal;margin-right: 5px;} #divKDVDahilFiyat .center_line { display: none;} #divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;} .PiyasafiyatiContent .right_line *{color:#929292; font-size: 24px;font-weight:300} .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line{color:#000000;} .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *{font-size:24px; 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:34px;} 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;} #divEkstraBilgiler { float: left;clear:left;margin-top: 10px;} #divEkstraBilgiler img { max-width: 100%;display:block;} .btnnostok i.fa{font-family: 'FontAwesome';} #divUrunEkSecenek { float: left;width: 100%;position: relative;margin-top:30px} #divUrunEkSecenek .eksecenekLine {clear: none !important;margin:0 0 10px;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:var(--theme-color);font-size: 14px;font-weight:500;margin-bottom:10px} #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: 14px;position: relative;color:var(--theme-color);font-weight:500;margin:0 12px 12px 0;} #divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 100%;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {min-width: 100%; float: left; height:40px; border: 1px solid #A29E9E; color: var(--theme-color); font-size: 14px; font-weight:500; padding: 0 10px; background: #fff;margin-bottom:10px} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {width:40px; padding: 5px; border: 1px solid #A29E9E; border-radius: 100%;transition:0.5s} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{border-radius:50%} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover, #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected{border-color: var(--theme-color);} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {min-width:75px; height:40px; line-height:38px; text-align: center; border: 1px solid #A29E9E; border-radius:0; padding: 0 10px;transition:0.5s} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {background: #E8E8E8;border-color: var(--theme-color);} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {background: #E8E8E8;border-color: var(--theme-color);} #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;background: #fff!important;color: #E8E8E8!important;border-color: #E8E8E8!important;} #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: 70px; margin: 0 auto; background: #E8E8E8; left: 0; right: 0; top: 50%; position: absolute;} #divUrunEkSecenek .varyasyon-table{margin-top:25px} #divOzelAlan1 {background: #42B883; line-height: 30px; color: #fff; border-radius:5px; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;margin-top:10px} #divOzelAlan2 {background: #92C3A7; line-height: 30px; color: #fff; border-radius:5px; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;margin-top:10px} #divOzelAlan3 {background: #385a8f; line-height: 30px; color: #fff; border-radius:5px; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;margin-top:10px} #divOzelAlan4 {background: #5b7db2; line-height: 30px; color: #fff; border-radius:5px; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;margin-top:10px} #divOzelAlan5 {background: var(--theme-color); line-height: 30px; color: #fff; border-radius:5px; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;margin-top:10px} #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; } .TopDet #productDetailRelated.ilgiliUrunSecenek{display: block; float: left;width:100%;margin:30px 0 0;padding: 0;} .TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi{float: left;width: 100%;margin: 0!important;padding: 0!important;text-align:left;} .TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold{padding: 0;margin: 0;text-align:left;} .TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold:before{display: none;} .TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold:after{display: none;} .TopDet #productDetailRelated.ilgiliUrunSecenek .JKatAdi .bold .satir1{background:transparent;padding: 0!important;margin:0 0 10px 0;border: none;font-size: 14px;line-height:40px;font-weight:500;color:var(--theme-color);text-transform:capitalize;} .TopDet #productDetailRelated.ilgiliUrunSecenek > a {width:160px;} .TopDet #productDetailRelated.ilgiliUrunSecenek > a img{border:none;} #divSatinAl { float: left;width: 100%;margin:5vh 0 25px;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: 58px!important;} .Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown{line-height: 58px;} #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;} .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;} .RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {width:12px;} .RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill:#707070;} .RightDetail .riSingle a.riUp {left:auto;right:0;} .RightDetail .riSingle a.riDown {left:0;} .Basketinp { display: block;position: relative;float: left;clear: left;} .BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color:var(--theme-color);font-size: 14px;font-weight: 500;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: var(--theme-color);border:1px solid var(--theme-color);font-size: 15px;font-weight: 500;float: left;margin: 0;border-radius:0;} #divKombinSatinAl, .basketBtn , .buyfast { float: left;margin:0} #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; -moz-appearance: none;-webkit-appearance: none;} .basketBtn{width: calc(100% - 120px);padding-left:8px} .basketBtn input{background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/detailshoppingcart.svg) var(--theme-color) no-repeat calc(50% - 60px) !important;text-indent:20px;} .buyfast {width: 100%;margin:8px 0 0 0;display:none;} .buyfast input {} #divKombinSatinAl {margin:8px 0 0 0;width: 100%;} #divKombinSatinAl a{font-size: 14px;margin: 0!important;} .ProductIcon {float: left;width: 100%;background-color:#F7F7F7} .ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color:var(--theme-color);font-size:14px;} .ProductIcon .box1 i {display: none;} .ProductIcon .boxIcon {fill:var(--theme-color); width:35px;height:46px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;} .ProductIcon .boxIcon svg{height:16px;} .ProductIcon > div{float: left;position: relative;position: relative;margin:0;width: 33.33%;} .ProductIcon > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;} .ProductIcon2 {float:left;width: 100%;background-color:#F7F7F7} .ProductIcon2 .clear{display: none;} .ProductIcon2 #divSocialButtons{width: 100%;} .ProductIcon2 > div{float:left;width: 33.33%;position: relative;} .ProductIcon2 > div > a{margin: 0; padding: 0;font-size: 14px;background:transparent;color:var(--theme-color);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;} .ProductIcon2 > div > a:hover{color: var(--theme-color); background:transparent!important;} .ProductIcon2 .boxIcon {fill:var(--theme-color); width:35px;height:46px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;} .ProductIcon2 .boxIcon svg{height:16px;} .TopDet .product_social_icon_wrapper{float: left;width: 100%;display: block!important;font-size: 0;margin-top:4vh;} .TopDet .product_social_icon_wrapper .PaylasTit{float: left;color:var(--theme-color);font-size: 14px;font-weight:500;line-height:40px;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:15px;} .TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;} .TopDet .product_social_icon_wrapper ul li a{float: left;fill:var(--theme-color);font-size: 14px;border-radius: 100%;text-align:center;width: 40px;height: 40px;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;transition:0.5s} .TopDet .product_social_icon_wrapper ul li a:hover{background-color:#dedede} .TopDet .product_social_icon_wrapper ul li a svg{width:20px;} .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;} .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; } #divUrunOzellikAlani{display: none;} .RightDetail #divUrunOzellikAlani{display: block;} .urunOzellikTab{margin: 30px 0 0;display: block;float: left;width: 100%;} .urunOzellikTab .urunTab{float: left;width: 100%;} .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;} .urunOzellikTab .urunTab >ul >li{float: left;width: 100%;border-bottom:1px solid #D8D8D8;} .urunOzellikTab .urunTab >ul >li > a{color:var(--theme-color);font-size: 14px;line-height:50px;float: left;width: 100%;padding: 0;font-weight: 400;position:relative;background: #fff!important;} .urunOzellikTab .urunTab >ul >li > a span{font-weight: 400;} .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none!important;} .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a, .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a span{font-weight:700} .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel{display: block!important;} .urunOzellikTab .urunTab>ul>li>a:after{content:'\f067';font-family:'FontAwesome';font-weight: 400;float:right;font-size:12px;color:#818181;margin:0 10px;} .urunOzellikTab .urunTab>ul>li[onofftip="true"]>a:after{content:'\f068';} .urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:10px 0;} .urunTabAlt strong { font-weight: bold; } .urunTabAlt #txtOneriMail{margin: 0;height: 30px;padding: 0 10px;width: 100%!important;border-width: 1px;} .urunTabAlt #txtOneriNot{margin: 0;padding: 10px;width: 100%!important;background: #fff;} .urunTabAlt { font-family: 'Montserrat',sans-serif !important;padding:0;float:left;width:100%;font-size: 12px; color: #B4B4B4;} #divTabOzellikler .urunTabAlt{max-height:350px;overflow-y:auto;overflow-x:hidden;padding-right: 10px;} .urunTabAlt * { font-family: 'Montserrat',sans-serif !important;} #divUrunOzellikAlani .urunTabAlt{font-size:14px;color:#707070;line-height:26px} .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; } .urunTabAlt::-webkit-scrollbar{width:2px;} .urunTabAlt::-webkit-scrollbar-track{ background: #E8E8E8;} .urunTabAlt::-webkit-scrollbar-thumb{background: var(--theme-color);} .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; } .detaildescription{float:left;width:100%;} .detaildescription p{font-weight:300} .detaildescription ul{float:left;width:100%;margin:10px 0 0;padding:0;} .detaildescription ul li{margin-bottom:2px} .detaildescription ul strong{font-weight:400;min-width:28%;float:left;} .urunTabAlt .teknikDetay{border:none;} #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;} #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative;width: 100%;padding:0!important;margin:0 0 7vh 0!important;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:center;position: relative;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height:20px;color:var(--theme-color);font-size:20px;font-weight:bold;display: inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;text-transform:uppercase;} #divInstashopResim .owl-carousel .owl-nav{display:block!important;} #mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:10px;left:10px;top:40%;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:0;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:0;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {background:rgba(255,255,255,0.3); border-radius:50%;border:none;width:40px;height:40px;cursor: pointer; text-align: center;position: absolute; font-size: 0;display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;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;transition:0.5s} #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{background:rgba(255,255,255,0.6)} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .InstaGalleryprev:before, .owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .InstaGallerynext:before, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {font-family: 'FontAwesome';font-size:17px;line-height: 40px;font-weight:300;color:var(--theme-color) !important;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .InstaGalleryprev:before{content: '\f053';} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .ProductListnext:before, .owl-carousel .owl-nav .InstaGallerynext:before{content: '\f054';} body #mainHolder_divDesign .owl-carousel .owl-dots, body .owl-carousel .owl-dots{display: none;float: left;width: 100%;text-align:center;margin-top: 20px;} body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, body .owl-carousel .owl-dots .owl-dot{width: 12px;height: 12px;background: #E8E8E8;margin: 0 4px;border-radius: 100%;display: inline-block;vertical-align:top;} body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span, body .owl-carousel .owl-dots .owl-dot span{display:none;} body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active, body .owl-carousel .owl-dots .owl-dot.active{background:#D4D4D4;} .sliderBannerContainer { float: left; width: 100%; position: relative;margin:0;} .sliderBannerContainer .Block_Link{display:none;} .sliderBannerContainer .ProductList { display: block !important;margin: 0 auto;} .sliderBannerContainer .Jbutonlar { display: none; } .sliderBannerContainer .jCarouselLite {float: left;width: 100%;} .detaySliderContainer { float: left; width: 100%; position: relative;margin:10vh 0;} .detaySliderContainer .ProductList { display: block !important;margin: 0 auto;} .detaySliderContainer .Jbutonlar { display: none; } .detaySliderContainer .jCarouselLite {float: left;width: 100%;} .detaySliderContainer .owl-carousel .owl-stage, .sliderBannerContainer .owl-carousel .owl-stage{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap:wrap;} .detaySliderContainer .owl-carousel li, .sliderBannerContainer .owl-carousel li{height: 100%;} #pnlSlider {position:relative;float: left;width:100%;margin:0;padding: 0;} #pnlSlider ul {list-style: none;padding: 0;margin: 0;} #pnlSlider ul li { display: block; } #pnlSlider ul li a { display: block; } #pnlSlider ul li a img { width: 100%; display: block;} #pnlSlider .flex-control-nav {position: absolute;bottom: 20px;right:0;left: 0;} #pnlSlider .flex-control-paging li {margin: 0 2px;} #pnlSlider .flex-control-paging li a {float: right; width: 11px;height:11px;border-radius:100%;border:none;box-shadow:none;text-shadow:none;background: #fff;} #pnlSlider .flex-control-paging li a.flex-active {background: #000;} #pnlSlider .flex-direction-nav { position: absolute;left:20px;right: 20px;top: 45%;} #pnlSlider .flex-direction-nav li {display: inline-block;vertical-align:top;} #pnlSlider .flex-direction-nav .flex-nav-prev {float: left;} #pnlSlider .flex-direction-nav .flex-nav-next {float: right;} #pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next {color: #fff;border:none;background:transparent;width:auto;height: auto;border-radius:0; top: 0;margin: 0;padding: 0;box-shadow:none;opacity: 1;font-size: 0;position: relative;text-shadow:none;text-align:center;} #pnlSlider .flex-direction-nav .flex-prev{left: 0;} #pnlSlider .flex-direction-nav .flex-next{right: 0;} #pnlSlider .flex-direction-nav .flex-prev:before, #pnlSlider .flex-direction-nav .flex-next:before {font-size: 0;} #pnlSlider .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;} .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%; } .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: 'Montserrat', 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;} #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: 5px;} #divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track{ background: #efefef;} #divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb{background: var(--theme-color);} body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a , .pageNumberContent a:hover, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellikTab .urunTab >ul >li[onofftip="true"] > a, .tooltip-inner, .welcome.active, .sepetimBody .Basketstep ul li.aktif{ background: var(--theme-color); } .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.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); } .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);} .button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover >a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, .ProductIcon2 > div > a:hover{ background: var(--theme-color);} .BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover, .CartProduct .SProduct li a:nth-child(2):hover *{color: var(--theme-color);} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.BasketPage .alisverisedevamet:hover, .CartProduct .headerCartBtn:hover{border-color: var(--theme-color);} .siparisOzetTakip {color: #fff;} .BasketDetail table tbody tr td a { display: inherit; } .BasketDetail table tbody tr td:last-child a { display: block; } .sepetimBody #header:after { display: none; } body .alisverisedevamet{background: #fff;} .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;} .divRelatedProductsPopup .ulRelatedProducts{list-style: none;padding: 0;margin: 0;} .bottomHead {display: none;} #divSliderYani {display: none;} body {background: #fff;} .headerlinks{display:flex;align-items:center;justify-content:flex-start;text-align:left;} .headerlinks a{color:#F8F8F8;font-size:12px;font-weight:400;display:flex;align-items:center;justify-content:center;text-align:left;margin-right:35px} .headerlinks a:last-child{margin-right:0} .headerlinks a img{margin-right:10px} body #headerNew .headerContainer, body .footerTemp .footerTempContainer, body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{padding-right:50px;padding-left:50px} body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li{align-items:stretch;} body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{align-items:center;position:relative;text-align: center;justify-content:center;} body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a:after{content:'';position:absolute;left:100%;right:100%;bottom:0;height:2px;background-color:var(--theme-color);opacity:0;visibility:hidden;transition:0.5s} body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a:after{opacity:1;visibility:visible;left:0;right:0;} body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{padding:0;margin:0;} body #headerNew .account-item .nav-dropdown ul, body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap ul{padding:0;} body #headerNew .flex-left .nav-left{justify-content:center;} body #headerNew #divTopProductSearch .searchform-wrapper #txtbxArama{padding-left:60px} body #headerNew #divTopProductSearch .searchform-wrapper #btnKelimeAra{position:absolute;left:10px;top:0;right:auto;border-radius:0} body #headerNew #divTopProductSearch .flex-row#divArama i{padding-right:10px} body #headerNew .account-item{margin-right:35px;} body #headerNew .account-item a.account-link.headerButon i{display:none;} body #headerNew .account-item a.account-link.headerButon svg{margin-top:2px} body #headerNew .cart-item .sepetUrunSayisi:before{content:'(';float:left;} body #headerNew .cart-item .sepetUrunSayisi:after{content:')';float:right;} body #headerNew #wide-nav{box-shadow: 0px 3px 6px #8B8B8B29;} body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{box-shadow:inset 0px 3px 6px #8B8B8B29;} .footerText .footerlink{color:#fff;display:flex;align-items:center;justify-content:flex-start;} .footerText .footerlink img{margin-right:10px} .ebultenDivTemp .eTempTitle .eTempTitle2{max-width:420px;float:none;margin:0 auto;line-height:1.6} .ebultenDivTemp .newsletterContent{margin-top:4vh} .ebultenDivTemp .newsletterContent #btnMailKaydet{font-size:0 !important;} .ebultenDivTemp .newsletterContent #btnMailKaydet:before{content:'';width:21px;height:19px;background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/sendicon.svg) no-repeat left center;background-size:100%;} #mainHolder_divDesign section.design-bg-10{background-color:var(--theme-color) !important} #mainHolder_divDesign section.t-vw-9{padding-right:50px;padding-left:50px} #mainHolder_divDesign section.t-vw-9.t-lr-2{padding-right:40px;padding-left:40px} #mainHolder_divDesign section.t-vw-9.t-lr-3{padding-right:35px;padding-left:35px} #mainHolder_divDesign section.slidepaddingnone{padding-right:0 !important;padding-left:0 !important} #mainHolder_divDesign .ticimaxTabHead{margin-bottom:4vh} #mainHolder_divDesign .ticimaxTabHead ul{padding:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;} #mainHolder_divDesign .ticimaxTabHead ul li{margin:0 20px;} #mainHolder_divDesign .ticimaxTabHead ul li a{background-color:transparent !important;color:#A4A4A4;font-size:16px;font-weight:700;padding:0;line-height:20px} #mainHolder_divDesign .ticimaxTabHead ul li.ticimaxTabHead_active a{color:var(--theme-color)} .categorybannernew{float:left;width:100%;margin-bottom:30px} .categorybannernew > div{float:left;width:100%;} .categorybannernew .categorybannernew-mobil{display:none;} .productItem .productList-Image-Owl .owl-dots {bottom:-11px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between; background-color: #fff; } .productItem .productList-Image-Owl .owl-dots .owl-dot {float: left; width: 50%; padding: 0 2px!important; background-color: #fff!important;height:3px;border-radius:0;margin:0; } .productItem .productList-Image-Owl .owl-dots .owl-dot:first-child {padding-left: 0!important } .productItem .productList-Image-Owl .owl-dots .owl-dot:last-child {padding-right: 0!important } .productItem .productList-Image-Owl .owl-dots .owl-dot span {margin: 0; width: 100%; height: 3px; border-radius: 0;background-color:#E8E8E8;display:block; } .productItem .productList-Image-Owl .owl-dots .owl-dot.active span{background-color:#D4D4D4} .productRight{position: absolute; right: 13px;top: 13px;z-index: 3;} .productRight .cargoIcon {background:#42B883; color: #fff; width:70px; border-radius: 15px; height: 35px; overflow: hidden; float: right; clear: right; font-size: 12px; font-weight:500;line-height: 13px; text-align: center; padding:4px 0; display: block;white-space:normal;} .productRight .newIcon {background: var(--theme-color); line-height: 30px; color: #fff; width: 55px; border-radius: 15px; height: 30px; overflow: hidden; float: right; clear: right; font-size: 14px; font-weight:500; text-align: center; display: block;white-space:normal;} .productRight .discountIcon {background:#E32503; line-height: 30px; color: #fff; width:70px; border-radius: 15px; height: 30px; overflow: hidden; float: right; clear: right; font-size: 14px; font-weight: 500; text-align: center; display:flex;align-items:center;justify-content:center;text-align:center;} .productRight .discountIcon:before{content:'';width:16px;height:9px;background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/discounticon.svg) no-repeat left center;background-size:100%;margin-right:5px;margin-top:-3px} .productRight > div{margin-bottom: 5px;} .productRight > div:last-child{margin-bottom: 0;} .productLeft{position: absolute;left:13px;top:13px;z-index: 3;} .productLeft > div{margin-bottom:5px;} .productLeft > div:last-child{margin-bottom: 0;} .productLeft .ozelAlan1 {background: #42B883; line-height: 30px; color: #fff; border-radius: 15px; height: 30px; overflow: hidden; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;} .productLeft .ozelAlan2 {background: #92C3A7; line-height: 30px; color: #fff; border-radius: 15px; height: 30px; overflow: hidden; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;} .productLeft .ozelAlan3 {background: #385a8f; line-height: 30px; color: #fff; border-radius: 15px; height: 30px; overflow: hidden; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;} .productLeft .ozelAlan4 {background: #5b7db2; line-height: 30px; color: #fff; border-radius: 15px; height: 30px; overflow: hidden; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;} .productLeft .ozelAlan5 {background: var(--theme-color); line-height: 30px; color: #fff; border-radius: 15px; height: 30px; overflow: hidden; float: left; clear: left; font-size: 13px; font-weight:500; text-align: left; display: block;max-width: 110px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 10px;} .kombinContent > ul{float:left;width:100%;margin:0;padding:0;list-style:none} .kombinContent > ul .divKombinEksecenekTipi{float:left;width:100%;margin-bottom:10px} .kombinContent > ul .divKombinEksecenekTipi .kombinright_line a{padding:0 5px} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav{left:50px;right:50px;top:45%;} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev, body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext{width:56px;height:56px;} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev:before, body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext:before{line-height:56px;font-size:20px} @media (min-width:1100px) { #headerNew.fixed{position: fixed; top: -100%; left: 0;right: 0; margin: 0; padding: 0; z-index: 1000;width: 100%;border: none;transition: top .3s ease-in-out;} #headerNew.fixed.gectop{top: 0;} #headerNew.fixed #top-bar, #headerNew.fixed #wide-nav{display: none;} .SmallImages #divVideoGoruntulemeAlan {padding-bottom: 150%;} .SmallImages div:first-child {width: 100%!important;} .SmallImages #divThumpVideo {display: none!important;} } @media (min-width:1042px) { .sortingContent { display:flex !important; } .col-5li { width: 20%; } .mobilMenu{display: none;} body .category-vertical-filters.top-filters{margin: 0;padding: 0;} body .category-vertical-filters.top-filters .FiltreicerikAlan{display: flex; align-items: center; flex-wrap: wrap; gap: 15px;} body .category-vertical-filters.top-filters .panel{width: auto;margin:0;position: relative;} body .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;border:1px solid #E6E6E6;border-radius: 10px;padding:0 17px;cursor: pointer;background-color:#F7F7F7 !important} body .category-vertical-filters.top-filters .panel .panel-heading.active{border-color:#B4B4B4} body .category-vertical-filters.top-filters .panel .panel-heading a{line-height:37px;font-size:13px;font-weight: normal;color:#535353;} body .category-vertical-filters.top-filters .panel .panel-heading a:after{content:'\f0d7' !important;position:static !important;font-size:16px;margin-left:10px;color:#CBCBCB !important;font-weight:600} body .category-vertical-filters.top-filters .panel .panel-heading.active a:after{content:'\f0d8';color:#CBCBCB} body .category-vertical-filters.top-filters .list-group.dropdown{top:50px;border:1px solid #E6E6E6;border-radius:10px;background:#F7F7F7;width: 250px;padding:16px;} body .category-vertical-filters.top-filters .list-group.dropdown li{width: 100%; padding: 0; font-size: 13px; font-weight: normal; color: #535353; margin: 0 0 7px 0;background: transparent;text-align: left;} body .category-vertical-filters.top-filters .list-group.dropdown li:last-child{margin-bottom: 0;} body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item:before{width: 14px;height: 14px;border: 1px solid #535353;background:#F7F7F7;border-radius: 4px!important;margin-right:7px;margin-top:5px;} body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item.selected:before, body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item:hover:before {background: #fff; content: "\f00c"; font-family: 'FontAwesome'; font-size: 10px; line-height: 12px; font-weight: 400; text-align: center; } body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item a{line-height: 24px;font-size: 13px;color: #535353;font-weight: normal;} body .category-vertical-filters.top-filters .list-group.dropdown .list-group-item.list-group-item-image{background-size: 24px!important; background-repeat: no-repeat!important; background-position: left center !important; padding-left: 30px; height: 24px;} 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:#efefef;} body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb{background:var(--theme-color);} body .category-vertical-filters.top-filters .panel .FiyatSlider .ui-widget-header{background: #F6F6F8;} body .category-vertical-filters.top-filters .panel .FiyatSlider .amount{line-height: 44px; font-size: 16px; font-weight: normal; color: #505050;} body .category-vertical-filters.top-filters .panel .FiyatTextBox{display: none; float: left; width:250px; margin-top: 0; position: absolute; top:50px; left: 0;z-index:9;border:1px solid #E6E6E6;background: #F7F7F7;padding:16px;box-shadow:0 5px 12px 0 rgba(191,187,191,1);border-radius:10px} body .category-vertical-filters.top-filters .panel .FiyatTextBox input[type="text"]{width: 48.5%;text-align:center;height:30px;background-color:#dedede;border:1px solid #dedede;border-radius:5px} body #divSayfalamaUst.Slct .blockSelect a{float: left;width: auto; height: auto;margin:0 40px 0 0;padding: 0;text-align:center;border:none;background:transparent;line-height:20px} body #divSayfalamaUst.Slct .blockSelect i{color:#C8C8C8;line-height:40px;font-size:0;float:left;} body #divSayfalamaUst.Slct .blockSelect a:hover {color: #C8C8C8;} body #divSayfalamaUst.Slct .blockSelect a:hover i{color: #C8C8C8;} body #divSayfalamaUst.Slct .blockSelect a.Active {color: #C8C8C8;} body #divSayfalamaUst.Slct .blockSelect a.Active i{color: #C8C8C8;} body #divSayfalamaUst.Slct .blockSelect .sort_3{width:32px;height:40px;background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list3.svg) no-repeat left center;background-size:100%;} body #divSayfalamaUst.Slct .blockSelect .sort_3.Active{background-image:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list3-active.svg)} body #divSayfalamaUst.Slct .blockSelect .sort_4 i{width:44px;height:40px;background:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list4.svg) no-repeat left center;background-size:100%;position:relative;} body #divSayfalamaUst.Slct .blockSelect .sort_4.Active i{background-image:url(https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim35/list4-active.svg)} } .headerContent,body ul.breadcrumb, .navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{ max-width: 100%; margin: 0 auto;position: relative; clear: both; display: block; padding-right:50px;padding-left:50px;} .sliderBannerContainer .ProductList{max-width:100%;} .detaySliderContainer .ProductList{max-width:100%;} .homeContainer .ProductListContent .ProductList{max-width:100%;padding-right:50px;padding-left:50px;} .markaSlider .jCarouselLite{max-width:100%;padding-right:50px;padding-left:50px;} .headerContent{text-align:center;} .sepetimBody .ticiContainer{margin: 0 auto;} .sepetimBody .footerSslLogo{display: none!important;} .sepetimBody .headerContent{box-shadow:none;} .centerCount.Middle {width: 100%;padding: 0;} .centerCount.userLoginContent {width: 100%;padding: 0;} .centerCount.iletisimContent {width: 100%;padding: 0;} .centerCount.UyeolContent {width: 100%;padding: 0;} .centerCount.HesabimTakip {width: 100%;padding: 0;} .leftBlock {float: left;width: 300px;padding-right: 20px;} .rightBlock {float: right;width:300px;padding-left:20px;} .centerCount.LeftMiddle {width: calc(100% - 300px);} .centerCount.RightMiddle {width: calc(100% - 300px);} .centerCount {float: left;width: 100%;padding: 0;} .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; } @media screen and (min-width:1041px) and (max-width:1200px) { .leftBlock.LeftMiddle {width: 25%;padding-right: 20px;} .centerCount.LeftMiddle {width: 75%;} .leftBlock.LeftMiddleRight {width:25%;} .rightBlock.LeftMiddleRight {width:25%;} .centerCount.LeftMiddleRight {width:50%;} .rightBlock.MiddleRight {width:25%;} .centerCount.MiddleRight {width:75%;} .homeContainer .col-5li { width: 25%;} } @media screen and (min-width:150px) and (max-width:1700px) { .leftImage{width:850px} .RightDetail{width:calc(100% - 850px);} .TopDet #productDetailRelated.ilgiliUrunSecenek > a{width:120px} } @media screen and (min-width:1300px) and (max-width:1499px) { .leftImage{width:700px} .RightDetail{width:calc(100% - 700px);} .TopDet #productDetailRelated.ilgiliUrunSecenek > a{width:120px} } @media screen and (min-width:1240px) and (max-width:1299px) { .leftImage{width:650px} .RightDetail{width:calc(100% - 650px);} .TopDet #productDetailRelated.ilgiliUrunSecenek > a{width:120px} } @media screen and (min-width:768px) and (max-width:1400px) { .headerContent,body ul.breadcrumb, .navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{padding-right:25px;padding-left:25px;} .homeContainer .ProductListContent .ProductList{padding-right:25px;padding-left:25px;} .markaSlider .jCarouselLite{padding-right:25px;padding-left:25px;} body #headerNew .headerContainer, body .footerTemp .footerTempContainer, body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{padding-right:25px;padding-left:25px} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav{left:25px;right:25px;} #mainHolder_divDesign section.t-vw-9{padding-right:25px;padding-left:25px} #mainHolder_divDesign section.t-vw-9.t-lr-2{padding-right:15px;padding-left:15px} #mainHolder_divDesign section.t-vw-9.t-lr-3{padding-right:10px;padding-left:10px} .footerText li a{font-size:14px !important} .productLeft .ozelAlan1, .productLeft .ozelAlan2, .productLeft .ozelAlan3, .productLeft .ozelAlan4, .productLeft .ozelAlan5{font-size:11px;height:20px;line-height:20px} .productRight .cargoIcon{width:63px;height:28px;font-size:10px;line-height:10px} .productRight .newIcon{font-size:11px;width:45px;height:25px;line-height:25px} .productRight .discountIcon{font-size:11px;width:60px;height:25px;line-height:25px} .productRight > div, .productLeft > div{margin-bottom:3px} .mycartIcon a{font-size:12px;min-height:30px;} .mycartIcon a:before{width:12px;height:15px;margin-right:7px} } @media screen and (min-width: 1160px) and (max-width: 1239px) { .headerContent,body ul.breadcrumb, .navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width:100%;} .sliderBannerContainer .ProductList{max-width:100%;} .detaySliderContainer .ProductList{max-width:100%;} .homeContainer .ProductListContent .ProductList{max-width:100%;} .markaSlider .jCarouselLite{max-width:100%;} #headerNew #top-bar{font-size:14px} #headerNew .headerlinks a{font-size:11px;margin-right:15px} #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{font-size:13px} .leftImage{width:650px} .RightDetail{width:calc(100% - 650px);} .TopDet #productDetailRelated.ilgiliUrunSecenek > a{width:110px} } @media screen and (min-width: 1025px) and (max-width: 1159px) { .headerContent,body ul.breadcrumb, .navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width:100%;} .sliderBannerContainer .ProductList{max-width:100%;} .detaySliderContainer .ProductList{max-width:100%;} .homeContainer .ProductListContent .ProductList{max-width:100%;} .markaSlider .jCarouselLite{max-width:100%;} #headerNew #top-bar{font-size:14px} #headerNew .headerlinks a{font-size:11px;margin-right:15px} #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{font-size:13px} .leftImage{width:600px} .RightDetail{width:calc(100% - 600px);} .TopDet #productDetailRelated.ilgiliUrunSecenek > a{width:100px} } @media (min-width: 768px) and (max-width:1099px) { .footerTemp .footerTempContainer{max-width:100% !important;padding-right:10px !important;padding-left:10px !important} .headerContent,body ul.breadcrumb, .navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{padding-right:10px;padding-left:10px;} .homeContainer .ProductListContent .ProductList{padding-right:10px !important;padding-left:10px !important;} .markaSlider .jCarouselLite{padding-right:10px;padding-left:10px;} body #headerNew .headerContainer, body .footerTemp .footerTempContainer, body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{padding-right:10px;padding-left:10px} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav{left:10px;right:10px;} #mainHolder_divDesign section.t-vw-9{padding-right:10px;padding-left:10px} #mainHolder_divDesign section.t-vw-9.t-lr-2{padding-right:0;padding-left:0} #mainHolder_divDesign section.t-vw-9.t-lr-3{padding-right:0;padding-left:0} body #headerNew .flex-left .nav-left{justify-content:flex-start;} body #headerNew .cart-item .sepetUrunSayisi:before, body #headerNew .cart-item .sepetUrunSayisi:after{display:none;} .productRight{top:5px;right:5px;} .productLeft{top:5px;left:5px;} .leftImage{width:100%} .RightDetail{width:100%;padding-left:0} .SmallImages div{padding:0 5px 5px 0;} .TopDet #productDetailRelated.ilgiliUrunSecenek > a{width:100px} } @media (min-width: 768px) and (max-width: 1024px) { .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 100%;} .homeContainer .ProductListContent .ProductList{max-width:100%;} .sliderBannerContainer .ProductList{max-width:100%;padding-right:10px;padding-left:10px} .detaySliderContainer .ProductList{max-width:100%;} .navigation .altMenu .altMenuler{max-width:100%;} .markaSlider .jCarouselLite{max-width:100%;} .homepage #mainHolder_divDesign .sliderBannerContainer .ProductList{max-width:100%} #divIcerik.homepage{margin: 0 auto;} .headerContent{margin: 0 auto;} #mainHolder_divDesign section.design-bg-10{padding-top:10px !important} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev, body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext{width:40px;height:40px;} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListprev:before, body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav .ProductListnext:before{line-height:40px;font-size:17px} #mainHolder_divDesign .JKatAdi.categoryTitle{margin-top:20px !important} #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi{margin-bottom:20px !important} #mainHolder_divDesign .ticimaxTabHead{margin:20px 0 !important;} .categoryContainer .ProductList.PlSc_4 .ItemOrj{width: 33.33%; max-width: 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;} #headerNew #top-bar{font-size:13px} #headerNew .headerlinks a{font-size:11px;margin-right:15px} #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{font-size:13px} } @media (max-width:1041px) { .navigation{display: none;} #divSayfalamaUst .filterBlock{display:block!important;width: 100%;} body .dropdown-toggle:after { display: none; } body #divSayfalamaUst { padding:0;margin:10px 0;width: 100%;border: none;background: transparent;} .urunListRel { width: 100%; } body .mobilFilterOpenBtn .button {padding: 0; margin: 0; color: #505050; border:1px solid #E6E6E6; width: calc(50% - 5px); float: left; line-height: 38px; background: #fff; font-size: 14px; display: inline-block; vertical-align: top; font-weight: 400; border-radius: 10px; } body .mobilFilterOpenBtn .button:before {content: '';font-family: 'FontAwesome';display: inline-block;vertical-align:top;line-height: 38px;margin-right: 5px;font-weight: 300;} body .mobilFilterOpenBtn .button.mobilSiralamBtn {float: left;} body .mobilFilterOpenBtn .button.mobilFilterBtn {float: right;} body .mobilFilterOpenBtn .button.mobilFilterBtn:before {content: '\f1de';} body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {content: '\f15d';} body .mobilFilterOpenBtn { margin:0;padding: 0;display: 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;left: 0;top: 0;width:calc(50% - 5px);background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width: 100%;display: block!important;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width: 100%;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width: 100%;max-width:100%;height: 40px;font-size: 0;text-indent: 0;border: none;color: #505050;font-weight: 400;min-width: auto;border-radius: 0;background: transparent;-webkit-appearance:none;-moz--appearance:none;padding: 0 5px;} 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;} body .category-vertical-filters.top-filters{display: block!important;width: 360px; position: fixed;top: 0;right:-100%;bottom: 0;z-index: 9999;background: #f3f5f8;margin: 0;padding: 0;border: none;transition:all .3s ease;} body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;} body .filterBlock.active .category-vertical-filters.top-filters{right: 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #fff;margin-bottom: 10px;padding: 0 10px;position: relative;text-align:center;display: block;} body .category-vertical-filters.top-filters .FiltreUst span{display: inline-block;vertical-align:top;position:absolute;left: 0;right: 0;top: 0;bottom: 0;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float: left;font-size: 25px;position: relative; z-index: 1;} body .category-vertical-filters.top-filters .FiltreUst a{float: right;font-size: 13px;position: relative;z-index: 1;color: #fff;display:none;} body .category-vertical-filters.top-filters .FiltreUst a.active{display:block;} body .category-vertical-filters.top-filters .FiltreUst a i{color: #fff; font-size: 20px;display: inline-block;vertical-align:top;line-height: 50px;margin-left: 5px;} body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{float: left;width: 100%;margin-bottom: 10px;position: relative;padding: 0 10px;display: block;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {float: left; width: 100%; max-height: calc(100% - 190px); overflow-y: auto; overflow-x: hidden; } body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {float: left;width: 100%;text-align:center;margin-top: 10px;display: block;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{display: inline-block;vertical-align: top;background:var(--theme-color);padding: 10px;min-width: 150px;color: #fff;line-height: 30px;font-size: 15px;text-transform: uppercase;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{float: left;width: 100%;line-height: 50px;font-size: 14px;color: #505050;text-align:left;padding: 0 0 0 15px;background: #fff;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before{content: '';float:right;width: 24px;max-height: 24px;position: absolute;top: 0;bottom: 0;right: 32px; border-radius: 100%;background: #c5c7c9;margin:auto 0;background: #fff;box-shadow:0 0 2px 0 #999;z-index: 1;transition:all 0.3s ease;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after{content: '';float:right;width: 40px;max-height: 16px;position: absolute;top: 0;bottom: 0;right: 0; border-radius: 20px;background: #c5c7c9;margin:auto 15px auto 0;transition:all 0.3s ease;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before{right: 15px;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after{background: #39d662;} body .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;margin: 0;border: none;background: #fff;float: left;width: 100%;} body .category-vertical-filters.top-filters .panel .panel-heading a{float: left;width: 100%;text-align:left;color: #505050;font-weight: 500; font-size: 15px;line-height: 50px;padding: 0 10px;text-transform:uppercase;} body .category-vertical-filters.top-filters .panel .panel-heading a:after{top: 0;color: #000;font-weight: 300;font-family: 'FontAwesome';right: 10px;} body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{position: absolute;right: 40px;top: 0;bottom: 0;line-height: 50px;font-size: 15px;color: #000;display: block;} body .category-vertical-filters.top-filters .panel {float:left;width: 100%;margin-bottom: 10px;padding: 0 10px;} body .category-vertical-filters.top-filters .panel:last-child {margin-bottom: 0;} body .category-vertical-filters.top-filters .list-group.dropdown{border: none;position:static;box-shadow: none;} body .category-vertical-filters.top-filters .list-group.dropdown ul {margin-top: 10px;} body .category-vertical-filters.top-filters .list-group.dropdown li{width:100%;margin-right: 0;text-align:left;margin-bottom: 10px;} body .category-vertical-filters.top-filters .list-group.dropdown li a{color: #000;line-height: 16px;} body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size: 13px;color: #505050;font-weight: normal;float: left;} body .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius: 0;display: inline-block!important;width: 16px;height: 16px;} body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{border-color: #000;background: #000;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;height: auto;} body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width: 100%;margin:20px 0;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent{display: none!important;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display: none;} body .slider-range{margin: 0 0 15px 10px!important;width: calc(100% - 20px);} body .amount{padding: 0;} body .FiyatTextBox{float:left;width:100%;display:none;transition:0.5s;padding-bottom:20px} body .FiyatTextBox.active{display:block;} .category-vertical-filters .FiyatTextBox input[type="text"]{width:49% !important;height:40px;text-align:center;padding:0 2px;border:1px solid #ddd;} .category-vertical-filters .FiyatTextBox input[type="text"].filterPrice1{margin-right:1%} .category-vertical-filters .FiyatTextBox input[type="text"].filterPrice2{margin-left:1% !important} .centerCount.userLoginContent{margin: 0 auto;} .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;} .categoryPageTitle{font-size:20px} .categorybannernew{margin-bottom:10px} } @media (max-width:767px) { body.overflow{overflow: hidden;} #divIcerik.homepage{margin: 0 auto;} body{padding-top: 0;} body.sepetimBody { padding-top: 0; } #lang_flag_container{display: none;} .userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;} .userContainer .userRightBox{margin-top: 20px;} .SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;} .headerContent{margin: 0 auto;} .ticiContainer{margin: 0 auto;} #divIcerik{padding: 0 10px;margin: 0 auto;} .proCategoryTitle.categoryTitleText{padding: 0 10px;} #footer .ticiContainer{padding: 0 10px;} #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 40px;} #divTicimaxCopyrightContent a{display: inline-block;} #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;} .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%; } .ProductIcon{margin: 0;float: left;width: 100%;} .ProductIcon > div{margin:0;float: left;width: 100%;} .ProductIcon2 > div{margin:0;float: left;width: 100%;} .ProductIcon > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;} .ProductIcon2 > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;} .socialButons iframe{margin-right: 10px;} .socialButons .UWhatsApp{float: left;margin-right: 10px;} .socialButons .UTelegram{float: left;margin-right: 10px;} .TopDet .product_social_icon_wrapper{margin:0;} .bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1002;background: #fff;border-top: 1px solid #cecece;display: block;} .bottomHead ul{margin: 0;list-style: none;padding: 0;} .bottomHead ul li{float: left;width: 25%;} .bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 5px 0;color: #000;position: relative;height: 49px;} .bottomHead ul li a svg{width: 18px;display: block;margin: 0 auto 5px;} .bottomHead ul li.welcC a svg{margin-bottom: 3px;} .categoryPageTitle {font-size:18px;line-height:25px;} .categoryContainer .categoryTitleText{padding: 0;margin: 0;} .ProductBody .categoryTitle{padding: 0;margin: 0;} body .category-vertical-filters.top-filters{width: 100%;height: calc(100% - 50px);box-shadow: none;border: none;} body ul.breadcrumb{white-space: nowrap;position: relative;} body ul.breadcrumb.zindex{z-index: -1;pointer-events: none;} body ul.breadcrumb:after{position: absolute;left:0;right: 0;top: 0;bottom: 0;z-index: 99;content: '';display: block;} body ul.breadcrumb li:nth-child(1) a:before{display: none;} body ul.breadcrumb:before{content: '\f015';font-family: 'FontAwesome';font-weight: 300;line-height: 40px;margin-right: 5px;display:inline-block;vertical-align:top;} body ul.breadcrumb * {line-height: 40px!important;font-size: 12px!important;max-width: 25px;text-decoration:none;} body ul.breadcrumb li:after {line-height: 40px;font-size: 12px!important;content: '...';margin: 0 2px;} body ul.breadcrumb li {font-size: 0!important;} body ul.breadcrumb li:nth-last-of-type(1) a span:after{display: none;} body ul.breadcrumb li:nth-last-of-type(1) {max-width: 100%;} body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 12px!important;text-overflow: ellipsis; overflow: hidden} body ul.breadcrumb li a span{font-size: 0!important;} body ul.breadcrumb li a span:after{content: '\f105';font-family: 'FontAwesome';font-size: 14px!important;display: inline-block;vertical-align:top;line-height: 40px;font-weight: 300;} .categoryTitleText{position: relative;z-index: 99;} .breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);} .breadList.breadActive{display: block!important;} .breadList ul{list-style: none;} .breadList .mBread{float: left;width: 100%;} .breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;} .breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;} .breadList .mBread ul li a{float: left;width: 100%;font-size: 11px;color: #454545; padding:6px 8px;position: relative;} .breadList .mBread ul li a:before{content: '\f148';font-family: 'FontAwesome';font-size: 10px;position: absolute;left: -5px;top: 8px; transform: rotate(90deg);-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;} .categoryContainer .ProductList{margin: 0 -5px;} .categoryContainer .ProductListContent .productItem{margin-bottom: 10px;} body .mobilFilterOpenBtn .button{font-size: 13px;} .leftImage{float: left;width: 100%;} .RightDetail{width: 100%;padding: 10px 0 0;} 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: block;} body .leftImage a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;} #divUrunKodu{clear: left;float: left;line-height: 14px;} #divUrunKodu span{line-height: 14px;} #divTaksitAciklama{clear: left;float: left;} .urunOzellik{display: none;} .urunOzellikTab{margin: 25px 0;display: block;float: left;width: 100%;} .urunOzellikTab .urunTab{float: left;width: 100%;} .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;} .urunOzellikTab .urunTab >ul >li{float: left;width: 100%} .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none!important;} .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%;} .row{margin: 0;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;padding: 0;} .detaySliderContainer{margin: 10px 0;} .sliderBannerContainer{margin: 10px 0;} .leftImage .ProductGallery .gallery-container .GalleryArea{width:100%} body #headerNew .headerContainer, body .footerTemp .footerTempContainer, body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap{padding-right:0;padding-left:0} body #mainHolder_divDesign .anasayfa_tek_slider .owl-nav{left:0;right:0;} #mainHolder_divDesign section.t-vw-9{padding-right:0;padding-left:0} #mainHolder_divDesign section.t-vw-9.t-lr-2{padding-right:0;padding-left:0} #mainHolder_divDesign section.t-vw-9.t-lr-3{padding-right:0;padding-left:0} .headerContent,body ul.breadcrumb, .navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{padding-right:0;padding-left:0;} .homeContainer .ProductListContent .ProductList{padding-right:0;padding-left:0;} .markaSlider .jCarouselLite{padding-right:0;padding-left:0;} body.CategoryBody .categoryTitleText{padding-right:10px;padding-left:10px} body #headerNew .flex-left .nav-left{justify-content:flex-start;} body #headerNew #top-bar{display: none!important;} body #headerNew .cart-item .sepetUrunSayisi:before, body #headerNew .cart-item .sepetUrunSayisi:after{display:none;} .categoryTitleText{margin:0;} .TopDet #productDetailRelated.ilgiliUrunSecenek > a{width:100px} #divSatinAl{margin:20px 0;} .TopDet{margin-bottom:20px} .productItem .productPrice{float:left;} .productLeft{left:5px;top:5px;} .productLeft > div{margin-bottom:2px;} .productLeft .ozelAlan1, .productLeft .ozelAlan2, .productLeft .ozelAlan3, .productLeft .ozelAlan4, .productLeft .ozelAlan5{line-height:18px;height:18px;font-size:9px;max-width:70px;padding:0 3px;border-radius:5px} .productRight{right:5px;top:5px;} .productRight > div{margin-bottom:2px;} .productRight .cargoIcon{width: 45px;font-size: 9px;padding: 3px;height: 26px;line-height: 10px;border-radius:5px} .productRight .newIcon{line-height: 18px;height: 18px;font-size: 9px;width: 26px;border-radius:5px} .productRight .discountIcon{line-height: 18px;height: 18px;font-size: 9px;width:40px;border-radius:5px} .productRight .discountIcon:before{width:10px;height:10px;margin-right:3px} .productItem .productName{padding-right:22px;margin-top:15px} .productItem .productName a{font-size:13px;line-height:18px;height:18px;} .productItem .regularPrice{margin-right:7px} .productItem .regularPrice span, .productItem .discountPrice span{font-size:14px} .productItem .favori a{width:18px;} .productItem .favori a:before{font-size:16px;} .categoryContainer .ProductListContent .ItemOrj{margin-bottom:20px} .pageNumberContent a, .pageBorder a{min-width:35px;height:35px;line-height:35px} .pageNumberBottom{margin:25px 0;} .ebultenDivTemp .newsletterContent{margin-top:10px} #mainHolder_divDesign .ticimaxTabHead{margin:20px 0;} #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi{margin-bottom:20px !important;} #mainHolder_divDesign section.design-bg-10{padding-top:1vw !important;padding-bottom:1vw !important;} #mainHolder_divDesign .ticimaxTabHead ul li{margin:0 10px;} #mainHolder_divDesign .sliderBannerContainer .ProductList{padding-right:1vw;padding-left:1vw} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1{margin-top:20px !important;} .productItem .mycartIcon{display:none !important;} } @media screen and (min-width:414px) {} @media screen and (min-width:375px) and (max-width:413px) {} @media screen and (min-width:0px) and (max-width:374px) {} /* ========================================================================= 2. BÖLÜM: TUVA LÜKS DARK MODE VE İMZA BUTONLARINIZ (GERİ GETİRİLDİ) ========================================================================= */ /* --- DİPSİZ OBSİDYEN ARKA PLAN (SİZİN ORİJİNAL DARK MODE'UNUZ) --- */ body, #divIcerik, .categoryContainer, .ProductListContent, .ticiContainer { background-color: #050505 !important; color: #F2EBE1 !important; } /* --- VİTRİN ÜRÜN LİSTESİ İMZA BUTONUNUZ --- */ .mycartIcon { position: absolute !important; left: 0px !important; right: 0px !important; bottom: 0 !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important; z-index: 9 !important; height: 50px !important; } .mycartIcon a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; background-color: rgba(5, 5, 5, 0.95) !important; backdrop-filter: blur(5px) !important; min-height: 50px !important; color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 4px !important; text-transform: uppercase !important; transition: all 0.4s ease !important; border-top: 1px solid rgba(197, 160, 89, 0.4) !important; border-bottom: none !important; border-left: none !important; border-right: none !important; } .mycartIcon a:before { display: none !important; } .productItem:hover .mycartIcon { opacity: 1 !important; visibility: visible !important; } .mycartIcon a:hover { background-color: #c5a059 !important; color: #050505 !important; letter-spacing: 6px !important; } /* --- ÜRÜN DETAY SEPETE EKLE İMZA BUTONUNUZ --- */ .basketBtn input, input.Addtobasket.btnAddBasketOnDetail { -webkit-appearance: none !important; appearance: none !important; display: block !important; width: 100% !important; max-width: 350px !important; height: 60px !important; background-color: rgba(10, 10, 10, 0.85) !important; background-image: linear-gradient(120deg, transparent 30%, rgba(197, 160, 89, 0.6) 50%, transparent 70%) !important; background-size: 300% 100% !important; background-position: 100% 0 !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 0px !important; color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 5px !important; text-transform: uppercase !important; text-align: center !important; text-indent: 0 !important; cursor: pointer !important; transition: background-position 0.7s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important; } .basketBtn input:hover, input.Addtobasket.btnAddBasketOnDetail:hover { background-position: 0% 0 !important; border-color: #c5a059 !important; color: #c5a059 !important; box-shadow: 0 5px 25px rgba(197, 160, 89, 0.25) !important; } /* ========================================================================= 3. BÖLÜM: YENİ EKLENEN LÜKS VİTRİN VE DETAY SAYFASI ÇÖZÜMLERİ ========================================================================= */ /* --- GENEL TİPOGRAFİ VE ALTIN BAŞLIKLAR --- */ body #mainHolder_divDesign .categoryPageTitle, body #mainHolder_divDesign .categoryTitleText, body #mainHolder_divDesign .proCategoryTitle, body #divIcerik .categoryTitleText, body .categoryPageTitle { font-family: 'Playfair Display', serif !important; font-size: 36px !important; font-weight: 500 !important; letter-spacing: 8px !important; color: #c5a059 !important; text-align: center !important; text-transform: uppercase !important; background: transparent !important; border: none !important; display: block !important; width: 100% !important; margin: 40px auto 50px auto !important; } body #mainHolder_divDesign .categoryTitle::after, body #mainHolder_divDesign .JKatAdi::after, body .categoryPageTitle::after { display: none !important; } /* --- VİTRİN: MÜZE ÇERÇEVESİ VE PASPARTU (DARK MODE UYUMLU) --- */ /* Ürün resimlerinin arkasına lüks bir karanlık cam efekti veriyoruz */ body .productItem .productImage { border: 1px solid rgba(197, 160, 89, 0.4) !important; padding: 15px !important; border-radius: 4px !important; background-color: rgba(255, 255, 255, 0.02) !important; backdrop-filter: blur(5px) !important; transition: all 0.5s ease !important; overflow: hidden !important; } body .productItem:hover .productImage { border-color: rgba(197, 160, 89, 1) !important; box-shadow: 0 15px 35px rgba(197, 160, 89, 0.15) !important; } /* İçteki resim %5 küçülerek düzeni bozmadan çerçeve efekti yaratır */ body .productItem .productImage img { transform: scale(0.95) !important; transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; } body .productItem:hover .productImage img { transform: scale(1.02) !important; } /* Kalp İkonu (Favori) Çakışma Düzeltmesi */ .productItem { position: relative !important; background: transparent !important; } .productItem .favori { position: absolute !important; top: 25px !important; right: 25px !important; z-index: 50 !important; } .productItem .productName { margin-top: 25px !important; } .productItem .productName a { color: #F2EBE1 !important; font-family: 'Montserrat', sans-serif !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-size: 13px !important; font-weight: 300 !important; } .productItem:hover .productName a { color: #c5a059 !important; } /* Ucuz Gösteren Etiketleri Silme */ .productItem .discountKdv, .productItem .regularKdv, .urunListeAdet, .productItem .productRight, .productItem .productLeft, .productItem .productPoints { display: none !important; } /* --- VİTRİN: FİLTRELERİ ZARİF METİNLERE ÇEVİRME --- */ body #divIcerik .brandlistselection, body #divIcerik .brandlistselection .sortingContent, body #divIcerik .brandlistselection .sortingContent li, body #divIcerik .brandlistselection .sortingContent li a, body #divIcerik .urunListRel, body #divIcerik .filterBlock, body #divIcerik #filterOrderSelect, body #divIcerik .mobilFilterOpenBtn .button, body #divSayfalamaUst .filterDeleteContent .appliedFilter, body #divSayfalamaUst .filterDeleteContent .appliedFilter a { border: none !important; background: transparent !important; box-shadow: none !important; } body #divIcerik .brandlistselection .sortingContent li::before, body #divIcerik .brandlistselection .sortingContent li::after { display: none !important; } body #divIcerik #filterOrderSelect, body #divIcerik .brandlistselection .sortingContent li a, body #divIcerik .mobilFilterOpenBtn .button { color: #888888 !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; letter-spacing: 3px !important; text-transform: uppercase !important; padding: 5px 10px !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer !important; font-weight: 300 !important; } body #divIcerik #filterOrderSelect:hover, body #divIcerik .brandlistselection .sortingContent li a:hover, body #divIcerik .mobilFilterOpenBtn .button:hover { color: #c5a059 !important; } /* --- ÜRÜN DETAY SAYFASI: LÜKS BAŞLIK VE GOLD FİYATLAR --- */ body #divIcerik .RightDetail .ProductName h1, body #divIcerik .RightDetail .ProductName h1 span { font-family: 'Playfair Display', serif !important; font-size: 32px !important; font-weight: 500 !important; letter-spacing: 2px !important; color: #c5a059 !important; text-transform: uppercase !important; line-height: 1.4 !important; margin-bottom: 15px !important; } body #divIcerik .RightDetail .IndirimliFiyatContent .right_line *, body #divIcerik .RightDetail #divIndirimliFiyat .right_line *, body #divIcerik .RightDetail #divTurkLirasiFiyat .right_line * { font-family: 'Montserrat', sans-serif !important; font-size: 28px !important; font-weight: 300 !important; letter-spacing: 1px !important; color: #c5a059 !important; display: block !important; visibility: visible !important; opacity: 1 !important; } body #divIcerik #divKDVDahilFiyat, body #divIcerik .spanKdv, body #divIcerik .productRight .cargoIcon, body #divIcerik .productRight .newIcon { display: none !important; } /* --- ÜRÜN DETAY SAYFASI: BÜYÜK FOTOĞRAF ÇERÇEVESİ (DARK MODE) --- */ body #divIcerik .leftImage .ProductGallery .gallery-container { border: 1px solid rgba(197, 160, 89, 0.4) !important; padding: 20px !important; background: rgba(255, 255, 255, 0.02) !important; border-radius: 4px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important; transition: border-color 0.4s ease !important; } body #divIcerik .leftImage .ProductGallery .gallery-container:hover { border-color: #c5a059 !important; } /* --- RENK VE VARYASYON BUTONLARI (PREMİUM SWATCH TASARIMI) --- */ body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box { border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 4px !important; min-width: 45px !important; height: 45px !important; line-height: 43px !important; background: transparent !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; color: #F2EBE1 !important; transition: all 0.3s ease !important; } body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box.selected, body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box:hover { border-color: #c5a059 !important; color: #c5a059 !important; box-shadow: 0 0 10px rgba(197, 160, 89, 0.2) !important; background: rgba(197, 160, 89, 0.05) !important; } body #divIcerik #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { border-radius: 50% !important; padding: 3px !important; width: 45px !important; } /* 4'lü/3'lü Ferah Grid Düzeni (Ticimax kutularını ezer) */ .categoryContainer .ProductListContent .ProductList, .ProductListContent .ProductList { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 60px 40px !important; margin: 0 !important; padding: 0 20px !important; } @media (min-width: 1024px) { body:not(.sepetimBody) .ItemOrj, .categoryContainer .ProductList[class*="PlSc_"] .ItemOrj { width: calc(33.333% - 40px) !important; max-width: calc(33.333% - 40px) !important; flex: 0 0 calc(33.333% - 40px) !important; padding: 0 !important; margin: 0 !important; } } /* 🪄 TUVA PREMIUM - ÜRÜN DETAY SAYFASI DİNAMİK VE GOLD GÜÇLENDİRME 🪄 */ /* --- 1. KAYIP FİYATLARI GERİ GETİRME VE GOLD YAPMA --- */ /* Ticimax'in gizlediği fiyat bloklarını zorla açıp altın rengine boyuyoruz */ html body #divIcerik .RightDetail .PriceList, html body #divIcerik .RightDetail #pnlFiyatlar, html body #divIcerik .RightDetail #pnlFiyatlar div { display: block !important; visibility: visible !important; opacity: 1 !important; } html body #divIcerik .RightDetail .IndirimliFiyatContent .right_line *, html body #divIcerik .RightDetail #divIndirimliFiyat .right_line *, html body #divIcerik .RightDetail #divTurkLirasiFiyat .right_line * { font-family: 'Playfair Display', serif !important; font-size: 36px !important; font-weight: 500 !important; letter-spacing: 2px !important; color: #c5a059 !important; /* TUVA İMZA ALTIN RENGİ */ margin-top: 15px !important; text-shadow: 0 2px 10px rgba(197, 160, 89, 0.2) !important; /* Hafif altın ışıltısı */ } /* Eski Fiyat (Çizik Olan) */ html body #divIcerik .RightDetail .PiyasafiyatiContent .right_line * { font-family: 'Montserrat', sans-serif !important; font-size: 18px !important; color: #a89f91 !important; /* Soluk Şampanya */ text-decoration: line-through !important; font-weight: 300 !important; } /* --- 2. TÜM METİNLERİ GOLD / ŞAMPANYA TONUNA ÇEVİRME --- */ /* Ürün Kodu, Marka, Stok, Ön Yazı gibi tüm metinleri elit bir tona alıyoruz */ html body #divIcerik .RightDetail, html body #divIcerik .RightDetail span, html body #divIcerik .RightDetail div, html body #divIcerik .RightDetail p, html body #divIcerik #divOnyazi *, html body #divIcerik .ud-kategori * { color: #F2EBE1 !important; /* Lüks Şampanya / Kırık Beyaz */ } html body #divIcerik #divMarka .right_line, html body #divIcerik #divUrunKodu span { color: #c5a059 !important; /* Önemli kısımlar tam Altın rengi */ font-weight: 400 !important; letter-spacing: 1px !important; } /* --- 3. DİNAMİK FOTOĞRAF EFEKTLERİ (CANLI GALERİ) --- */ /* Ana Resim Zoom Efekti */ html body #divIcerik .leftImage .ProductGallery .gallery-container { overflow: hidden !important; border: 1px solid rgba(197, 160, 89, 0.3) !important; } html body #divIcerik .leftImage .ProductGallery .gallery-container img { transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transform: scale(0.95) !important; } html body #divIcerik .leftImage .ProductGallery .gallery-container:hover img { transform: scale(1.05) !important; /* Üzerine gelince resim yaklaşır */ filter: brightness(1.05) contrast(1.05) !important; /* Pleksi parlar */ } /* Küçük Resimler (Thumbnails) Zıplama ve Parlama Efekti */ html body #divIcerik .galleryOwl-thumb .thumb-item img, html body #divIcerik .SmallImages div img { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; border: 1px solid transparent !important; border-radius: 4px !important; opacity: 0.6 !important; /* İlk başta hafif soluk */ cursor: pointer !important; } html body #divIcerik .galleryOwl-thumb .thumb-item:hover img, html body #divIcerik .SmallImages div:hover img { transform: translateY(-5px) scale(1.05) !important; /* Havaya kalkar ve büyür */ border-color: #c5a059 !important; /* Etrafı altın olur */ opacity: 1 !important; /* Tam netleşir */ box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3) !important; /* Altın gölge verir */ } /* --- 4. RENK VE VARYASYON BUTONLARI (PREMİUM ETKİLEŞİM) --- */ html body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box { background: rgba(197, 160, 89, 0.05) !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; color: #F2EBE1 !important; font-family: 'Montserrat', sans-serif !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Yaylanma efekti */ } html body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box:hover, html body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box.selected { background: #c5a059 !important; /* İçi altın dolar */ color: #050505 !important; /* Yazı siyah olur */ border-color: #c5a059 !important; transform: translateY(-4px) scale(1.05) !important; /* Buton havaya kalkar */ box-shadow: 0 10px 20px rgba(197, 160, 89, 0.4) !important; font-weight: 500 !important; } /* --- 5. SEPETE EKLE BUTONU VE ADET (KUSURSUZ LÜKS) --- */ html body #divIcerik .basketBtn input, html body #divIcerik .buyfast input { background: linear-gradient(45deg, #050505, #111111) !important; border: 1px solid rgba(197, 160, 89, 0.5) !important; color: #c5a059 !important; box-shadow: 0 0 15px rgba(0,0,0,0.5) !important; transition: all 0.6s ease !important; } html body #divIcerik .basketBtn input:hover, html body #divIcerik .buyfast input:hover { background: linear-gradient(45deg, #c5a059, #e8c678) !important; /* Altın rengi gradiyent parlaması */ color: #050505 !important; border-color: #e8c678 !important; box-shadow: 0 15px 35px rgba(197, 160, 89, 0.5) !important; /* Devasa altın ışıltı */ transform: translateY(-3px) !important; /* Buton süzülür */ letter-spacing: 6px !important; /* Yazı arası açılır */ } /* Adet Seçici Kutusu */ html body #divIcerik #txtbxurunSiparisAdedi { background: rgba(255,255,255,0.02) !important; color: #c5a059 !important; border: 1px solid rgba(197, 160, 89, 0.3) !important; font-weight: 500 !important; } /* TİCİMAX STANDART BEYAZ BUTONLARI KALDIRMA */ /* Bu kod, o kaba beyaz butonları tamamen görünmez kılar */ .navigation ul li a[href*="adet"], .navigation ul li a[href*="beden"], .navigation ul li a.btn-sepet, .navigation ul li a.btn-hemen-al, .product-actions-btn { background-color: transparent !important; border: none !important; color: transparent !important; visibility: hidden !important; display: none !important; } /* ========================================================================= TUVA PREMIUM 'SIGNATURE' BUTON TASARIMI ========================================================================= */ /* --- ANA AKSİYON BUTONLARI (SEPETE EKLE / HEMEN AL) --- */ /* Bu kod, gold ve mat siyah dokulu, gravürlü butonları oluşturur */ .tuva-premium-btn { -webkit-appearance: none; appearance: none; display: block !important; width: 100% !important; height: 60px !important; background-color: transparent !important; background-image: none !important; /* Standart Ticimax gradiyentini siler */ position: relative !important; overflow: hidden !important; cursor: pointer !important; transition: all 0.5s ease !important; margin-bottom: 20px !important; } /* Butonun Dış Çerçevesi ve Gold Dokusu */ .tuva-premium-btn::before { content: '' !important; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0 !important; background: linear-gradient(135deg, #f3e5b3 0%, #c5a059 50%, #b38f4d 100%) !important; /* Lüks Gold Gradiyent */ border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 4px !important; box-shadow: 0 5px 20px rgba(197, 160, 89, 0.25) !important; z-index: 1 !important; transition: all 0.4s ease !important; } /* Butonun İç Metin Alanı (Mat Siyah Doku ve Gravür) */ .tuva-premium-btn::after { content: '' !important; position: absolute !important; top: 2px; left: 2px; right: 2px; bottom: 2px !important; background: radial-gradient(circle, #222 0%, #111 70%, #050505 100%) !important; /* Derin Mat Siyah Doku */ border-radius: 3px !important; background-size: 10px 10px !important; /* Metal doku efekti için */ background-image: linear-gradient(0deg, rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px) !important; z-index: 2 !important; transition: all 0.4s ease !important; } /* Butonun Üzerindeki Gold Gravürlü Metin ve İmza */ .tuva-premium-btn span.btn-text { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; height: 100% !important; color: #c5a059 !important; /* Gold Gravür Rengi */ font-family: 'Playfair Display', serif !important; /* Premium Font */ font-size: 14px !important; font-weight: 500 !important; letter-spacing: 2px !important; text-transform: uppercase !important; z-index: 3 !important; transition: all 0.4s ease !important; } /* Gold Gravür Dokusu */ .tuva-premium-btn span.btn-text { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5) !important; } /* 'Signature' İmzası Detayı */ .tuva-premium-btn span.signature-text { font-family: 'Cormorant Garamond', serif !important; /* El Yazısı Fontu */ font-size: 10px !important; font-style: italic !important; letter-spacing: 0px !important; color: rgba(197, 160, 89, 0.6) !important; margin-top: -3px !important; text-transform: none !important; } /* HOVER EFEKTİ - Üzerine Gelince Gold Parlaması */ .tuva-premium-btn:hover { transform: translateY(-3px) !important; /* Hafifçe yükselir */ } .tuva-premium-btn:hover::before { box-shadow: 0 10px 40px rgba(197, 160, 89, 0.6) !important; /* Devasa gold gölge */ filter: brightness(1.1) !important; } .tuva-premium-btn:hover::after { background: radial-gradient(circle, #333 0%, #1a1a1a 70%, #111 100%) !important; } .tuva-premium-btn:hover span.btn-text { color: #f3e5b3 !important; /* Metin daha açık gold olur */ letter-spacing: 3px !important; /* Yazı arası açılır */ } /* --- İKİNCİL BUTONLAR (BEDEN TABLOSU / ÖZELLİKLER) --- */ /* Bu kod, ince gold gravürlü butonları oluşturur */ .tuva-secondary-btn { -webkit-appearance: none; appearance: none; display: inline-block !important; width: auto !important; padding: 10px 25px !important; background-color: transparent !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 4px !important; color: #c5a059 !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 1px !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.4s ease !important; margin-right: 15px !important; position: relative !important; overflow: hidden !important; } /* İkincil Butonun Mat Metal Doku Efekti */ .tuva-secondary-btn::after { content: '' !important; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0 !important; background: radial-gradient(circle, #1a1a1a 0%, #111 70%, #050505 100%) !important; z-index: -1 !important; transition: all 0.4s ease !important; } /* HOVER EFEKTİ - İkincil Buton Gold Dolumu */ .tuva-secondary-btn:hover { border-color: #f3e5b3 !important; color: #050505 !important; transform: translateY(-2px) !important; box-shadow: 0 5px 20px rgba(197, 160, 89, 0.3) !important; } .tuva-secondary-btn:hover::after { background: #c5a059 !important; /* İçi gold dolar */ } /* --- ADET SEÇ BUTONU VE SEÇİCİ KUTUSU --- */ .tuva-qty-btn { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 150px !important; height: 60px !important; background-color: transparent !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 4px !important; position: relative !important; overflow: hidden !important; transition: all 0.4s ease !important; } /* Adet Butonunun Arka Planı */ .tuva-qty-btn::after { content: '' !important; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0 !important; background: radial-gradient(circle, #222 0%, #111 70%, #050505 100%) !important; z-index: -1 !important; } /* Adet Sayısı ve Metni */ .tuva-qty-btn span.qty-label { font-family: 'Playfair Display', serif !important; font-size: 14px !important; color: #c5a059 !important; letter-spacing: 1px !important; text-transform: uppercase !important; margin-left: 15px !important; z-index: 1 !important; } /* Adet Seçici Ok İkonu */ .tuva-qty-btn span.qty-arrow { font-size: 10px !important; color: rgba(197, 160, 89, 0.6) !important; margin-right: 15px !important; z-index: 1 !important; } /* HOVER EFEKTİ - Adet Butonu Parlaması */ .tuva-qty-btn:hover { border-color: #f3e5b3 !important; box-shadow: 0 5px 20px rgba(197, 160, 89, 0.3) !important; } .tuva-qty-btn:hover span.qty-label { color: #f3e5b3 !important; } /* --- TİCİMAX SEÇİCİ KUTUSU (STANDART KUTUYU DÜZELTME) --- */ /* Standart Ticimax Adet Kutusu Stili (Gold Dokulu) */ input#txtbxurunSiparisAdedi { background: #050505 !important; color: #c5a059 !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; font-family: 'Playfair Display', serif !important; font-size: 16px !important; border-radius: 4px !important; transition: all 0.4s ease !important; } input#txtbxurunSiparisAdedi:focus { border-color: #c5a059 !important; box-shadow: 0 0 10px rgba(197, 160, 89, 0.4) !important; } /* 🪄 TUVA PREMIUM - BEYAZ SEKME VE RENK BUTONU DEVRİMİ 🪄 */ /* --- 1. ALT SEKMELER (ÜRÜN ÖZELLİKLERİ, ÖDEME SEÇENEKLERİ VS.) --- */ /* O çirkin beyaz arka planı silip, lüks siyah/transparan bir buton yapıyoruz */ html body #divIcerik .urunOzellikTab .urunTab > ul > li > a { background: rgba(15, 15, 15, 0.8) !important; /* Çok koyu elit gri/siyah zemin */ color: #F2EBE1 !important; /* Şampanya/Kemik rengi yazı */ border: 1px solid rgba(197, 160, 89, 0.3) !important; /* İncecik gold çerçeve */ border-radius: 4px !important; /* Pleksiye uygun hafif yumuşak köşe */ margin-bottom: 12px !important; /* Sekmeler arasına nefes boşluğu */ font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 300 !important; letter-spacing: 3px !important; text-transform: uppercase !important; transition: all 0.4s ease !important; padding: 0 25px !important; } /* Üzerine Gelindiğinde (Hover) veya Sekme Açıkken (Active) Gold Parlama */ html body #divIcerik .urunOzellikTab .urunTab > ul > li > a:hover, html body #divIcerik .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a { background: rgba(197, 160, 89, 0.08) !important; /* İçi çok hafif altın ışığıyla dolar */ color: #c5a059 !important; /* Yazı tam gold olur */ border-color: #c5a059 !important; /* Çerçeve parlar */ box-shadow: 0 5px 20px rgba(197, 160, 89, 0.15) !important; transform: translateY(-2px) !important; /* Buton hafifçe havaya kalkar */ } /* Sağdaki artı/eksi (+) (-) ikonlarını da gold yapıyoruz */ html body #divIcerik .urunOzellikTab .urunTab > ul > li > a::after { color: #c5a059 !important; font-size: 14px !important; } /* Açılan İçerik (Metin) Alanı - Beyazlığı Silme */ html body #divIcerik .urunOzellikTab .urunTab > ul > li .urunDetayPanel { background: transparent !important; border: none !important; /* 1px solid rgba(197, 160, 89, 0.1) !important; (İstersen metin etrafına da çok silik çerçeve atabilirsin) */ padding: 15px 25px 30px 25px !important; color: #cccccc !important; /* Göz yormayan açık gri/beyaz metin */ font-family: 'Montserrat', sans-serif !important; line-height: 1.8 !important; } /* --- 2. RENK SEÇENEKLERİ (PREMIUM SWATCH BUTONLARI) --- */ /* "RENK:" Başlığı */ html body #divIcerik #divUrunEkSecenek .eksecenekLine .left_line { color: #c5a059 !important; font-family: 'Montserrat', sans-serif !important; letter-spacing: 3px !important; font-weight: 300 !important; font-size: 11px !important; margin-bottom: 10px !important; } /* Renk Kutucukları (Sıradan beyaz kutudan lüks siyah butona) */ html body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box { background: #050505 !important; /* İçi siyah */ border: 1px solid rgba(197, 160, 89, 0.4) !important; /* İnce gold sınır */ color: #F2EBE1 !important; /* Şampanya yazı */ border-radius: 4px !important; /* Kare/Hafif yuvarlak */ min-width: 50px !important; height: 50px !important; line-height: 48px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; font-size: 12px !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Yaylanarak büyüme efekti */ margin: 0 10px 10px 0 !important; } /* Renk Kutusu Üzerine Gelince veya Seçilince (İçi Altın Dolar) */ html body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box:hover, html body #divIcerik #divUrunEkSecenek .eksecenekLine .right_line .size_box.selected { background: #c5a059 !important; /* Zemin altın olur */ color: #050505 !important; /* Yazı siyah olur (Kontrast) */ border-color: #c5a059 !important; font-weight: 500 !important; box-shadow: 0 8px 20px rgba(197, 160, 89, 0.3) !important; /* Etrafa altın ışık yayar */ transform: translateY(-4px) scale(1.05) !important; /* Havaya kalkıp büyür */ } /* Sadece Resimli Varyasyonlar Varsa (Onları Yuvarlak Yap) */ html body #divIcerik #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { border-radius: 50% !important; padding: 3px !important; width: 50px !important; background: transparent !important; } /* 🪄 TUVA PREMIUM - FİNAL CİLA: AÇILIR MENÜ, AKSİYON BUTONLARI VE ALTIN TİPOGRAFİ 🪄 */ /* --- 1. AÇILIR MENÜ VARYASYON BUTONU (PREMİUM KUTU) --- */ /* Standart beyaz select kutusunu obsidyen siyah ve altın çerçeveli lüks bir menüye çeviriyoruz */ html body #divIcerik #divUrunEkSecenek .eksecenekLine select { background-color: #050505 !important; color: #c5a059 !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 300 !important; padding: 0 15px !important; height: 50px !important; border-radius: 4px !important; text-transform: uppercase !important; letter-spacing: 3px !important; cursor: pointer !important; outline: none !important; box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important; transition: all 0.4s ease !important; /* Standart tarayıcı okunu siliyoruz */ -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } html body #divIcerik #divUrunEkSecenek .eksecenekLine select:hover, html body #divIcerik #divUrunEkSecenek .eksecenekLine select:focus { border-color: #c5a059 !important; box-shadow: 0 5px 20px rgba(197, 160, 89, 0.15) !important; } /* Lüks bir özel açılır menü oku ekliyoruz */ html body #divIcerik #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line { position: relative !important; } html body #divIcerik #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line::after { content: '▼' !important; font-size: 10px !important; color: #c5a059 !important; position: absolute !important; right: 15px !important; top: 20px !important; pointer-events: none !important; /* Tıklamayı engellememesi için */ } /* --- 2. AKSİYON BUTONLARI (BEYAZ ZEMİNİ YOK ETME VE GOLD EFEKT) --- */ /* "Telefonla Sipariş, Favoriler, vb." barındıran kaba beyaz/gri arka planı siliyoruz */ html body #divIcerik .ProductIcon, html body #divIcerik .ProductIcon2 { background: transparent !important; background-color: transparent !important; border-top: 1px solid rgba(197, 160, 89, 0.2) !important; /* İncecik elit altın sınır çizgisi */ border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important; padding: 20px 0 !important; margin-top: 25px !important; } /* Yazıları ve İkonları Zarifleştirme */ html body #divIcerik .ProductIcon > div > a, html body #divIcerik .ProductIcon2 > div > a, html body #divIcerik .ProductIcon .box1 { color: #F2EBE1 !important; /* Kemik/Şampanya */ font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 300 !important; letter-spacing: 2px !important; text-transform: uppercase !important; transition: all 0.4s ease !important; } html body #divIcerik .ProductIcon .boxIcon svg, html body #divIcerik .ProductIcon2 .boxIcon svg { fill: #c5a059 !important; /* İkonlar tam altın rengi */ } html body #divIcerik .ProductIcon .boxIcon i, html body #divIcerik .ProductIcon2 .boxIcon i { color: #c5a059 !important; } /* Aksiyon Butonlarına Hover (Üzerine Gelme) Efekti */ html body #divIcerik .ProductIcon > div > a:hover, html body #divIcerik .ProductIcon2 > div > a:hover { color: #c5a059 !important; /* Tam altına dönüşür */ transform: translateY(-3px) !important; /* Zıplama efekti */ text-shadow: 0 5px 15px rgba(197, 160, 89, 0.4) !important; /* Yazıdan yayılan altın ışık */ } /* --- 3. METİNLER (ÖN YAZI, AÇIKLAMA, FİYAT ETİKETLERİ - GOLD TİPOGRAFİ) --- */ /* Ön yazı ve ürün açıklaması (Sanat eseri açıklaması gibi Playfair fontu) */ html body #divIcerik #divOnyazi, html body #divIcerik #divOnyazi *, html body #divIcerik .urunDetayPanel, html body #divIcerik .urunDetayPanel *, html body #divIcerik .detaildescription, html body #divIcerik .detaildescription * { font-family: 'Playfair Display', serif !important; font-size: 16px !important; font-weight: 300 !important; color: #d1bfae !important; /* Çok soft, okunaklı bir altın/bej tonu */ line-height: 1.9 !important; letter-spacing: 0.5px !important; text-align: justify !important; } /* Vurgulu (Kalın) yazılar direkt altın rengi parlasın */ html body #divIcerik #divOnyazi strong, html body #divIcerik .urunDetayPanel strong { color: #c5a059 !important; font-weight: 500 !important; font-size: 17px !important; } /* Kategori, Sepet Fiyatı gibi küçük bilgi yazıları (Montserrat Gold) */ html body #divIcerik .BasketBtn .left_line.lineTitle2, html body #divIcerik .BasketBtn .pSatisBirimi, html body #divIcerik .ud-kategori, html body #divIcerik .ud-kategori * { font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 300 !important; color: #c5a059 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } /* 🪄 TUVA PREMIUM - VİP DETAYLAR VE ETİKET TEMİZLİĞİ 🪄 */ /* --- 1. SEO ETİKET (TAGS) ÇÖPLÜĞÜNÜ GİZLEME --- */ /* Google bunları okumaya devam eder ama elit müşteri görmez */ html body #divIcerik #divEtiketler { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* --- 2. BREADCRUMBS (MENÜ YOLU) ZARAFETİ --- */ html body #divIcerik ul.breadcrumb { background: transparent !important; text-align: center !important; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; margin-bottom: 30px !important; } html body #divIcerik ul.breadcrumb li a, html body #divIcerik ul.breadcrumb li span { font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; font-weight: 300 !important; letter-spacing: 2px !important; color: #888888 !important; text-transform: uppercase !important; transition: color 0.3s ease !important; } /* Menü yolunun üzerine gelince Altın parlaması */ html body #divIcerik ul.breadcrumb li a:hover { color: #c5a059 !important; } /* Aradaki kaba '>' işaretini elit bir '/' ile değiştirme illüzyonu */ html body #divIcerik ul.breadcrumb li::after { content: '/' !important; color: #555555 !important; font-size: 10px !important; margin: 0 10px !important; font-weight: 200 !important; } /* --- 3. "KRİTİK STOK" UYARISINI LÜKSLEŞTİRME --- */ /* Ucuz panik rengi yerine, elit bir 'sınırlı üretim' hissiyatı */ html body #divIcerik .KritikStok, html body #divIcerik .KritikStokText { color: #c5a059 !important; font-family: 'Playfair Display', serif !important; font-size: 14px !important; font-style: italic !important; letter-spacing: 1px !important; background: transparent !important; border: 1px solid rgba(197, 160, 89, 0.3) !important; padding: 5px 15px !important; border-radius: 2px !important; display: inline-block !important; margin-bottom: 15px !important; } /* 🪄 TUVA PREMIUM - ÜRÜN DETAY SAYFASI GÜVENLİ VE LÜKS CİLA 🪄 */ /* --- 1. FİYAT ALANI (KOCAMAN VE ALTIN) --- */ body .RightDetail .PriceList, body .RightDetail #pnlFiyatlar { display: block !important; opacity: 1 !important; visibility: visible !important; border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important; padding-bottom: 20px !important; margin-bottom: 20px !important; } body .IndirimliFiyatContent .right_line *, body #divIndirimliFiyat .right_line *, body #divTurkLirasiFiyat .right_line * { font-family: 'Playfair Display', serif !important; font-size: 38px !important; /* Kocaman fiyat */ color: #c5a059 !important; /* Gold */ font-weight: 500 !important; letter-spacing: 1px !important; line-height: 1.2 !important; display: inline-block !important; } body .PiyasafiyatiContent .right_line * { font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; color: #888888 !important; text-decoration: line-through !important; font-weight: 300 !important; } /* --- 2. RENK SEÇENEKLERİ / KUTULAR --- */ body #divUrunEkSecenek .eksecenekLine .right_line .size_box { background-color: #050505 !important; /* Zemin Siyah */ border: 1px solid rgba(197, 160, 89, 0.4) !important; /* İnce Gold Çerçeve */ color: #F2EBE1 !important; border-radius: 4px !important; min-width: 45px !important; height: 45px !important; line-height: 43px !important; font-family: 'Montserrat', sans-serif !important; transition: all 0.3s ease !important; margin-right: 10px !important; } /* Seçili veya üzerine gelinen renk butonu parlasın */ body #divUrunEkSecenek .eksecenekLine .right_line .size_box.selected, body #divUrunEkSecenek .eksecenekLine .right_line .size_box:hover { background-color: #c5a059 !important; /* İçi Altın Dolar */ color: #000000 !important; /* Yazı Siyah Olur */ border-color: #c5a059 !important; transform: scale(1.08) !important; /* Hafif Büyür */ box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important; font-weight: 600 !important; } /* Açılır Menü (Select) Düzeltmesi */ body #divUrunEkSecenek select { background-color: #050505 !important; color: #c5a059 !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; padding: 10px 15px !important; height: 50px !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 2px !important; border-radius: 0 !important; outline: none !important; } /* --- 3. SEPETE EKLE BUTONU VE ADET --- */ body #txtbxurunSiparisAdedi { height: 60px !important; background: transparent !important; color: #c5a059 !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; font-size: 18px !important; font-family: 'Playfair Display', serif !important; border-radius: 0 !important; } body .basketBtn input, body .buyfast input { background-color: #050505 !important; color: #c5a059 !important; border: 1px solid #c5a059 !important; height: 60px !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; letter-spacing: 4px !important; text-transform: uppercase !important; transition: all 0.4s ease !important; border-radius: 0 !important; background-image: none !important; /* İkonu gizle */ } body .basketBtn input:hover, body .buyfast input:hover { background-color: #c5a059 !important; color: #050505 !important; box-shadow: 0 10px 25px rgba(197, 160, 89, 0.3) !important; } /* --- 4. FOTOĞRAF GALERİSİ (CANLI PASPARTU EFEKTİ) --- */ body .leftImage .ProductGallery .gallery-container { border: 1px solid rgba(197, 160, 89, 0.3) !important; padding: 20px !important; background: #fafafa !important; transition: all 0.5s ease !important; border-radius: 4px !important; } body .leftImage .ProductGallery .gallery-container:hover { border-color: #c5a059 !important; box-shadow: 0 10px 30px rgba(197, 160, 89, 0.1) !important; } /* Resim %4 küçülerek çerçeve boşluğunu yaratır, hizayı bozmaz */ body .leftImage .ProductGallery .gallery-container img { transition: transform 0.6s ease !important; transform: scale(0.96) !important; } /* Üzerine gelince resim hafifçe büyür */ body .leftImage .ProductGallery .gallery-container:hover img { transform: scale(1.02) !important; } /* --- 5. ALT BUTONLAR (FAVORİ, TELEFONLA SİPARİŞ VS. BEYAZLIĞI GİZLEME) --- */ body .ProductIcon, body .ProductIcon2 { background: transparent !important; background-color: transparent !important; border-top: 1px solid rgba(197, 160, 89, 0.2) !important; border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important; padding: 15px 0 !important; margin-top: 20px !important; } body .ProductIcon > div > a, body .ProductIcon2 > div > a, body .ProductIcon .box1 { color: #F2EBE1 !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; text-transform: uppercase !important; transition: color 0.3s ease !important; letter-spacing: 1px !important; } body .ProductIcon > div > a:hover, body .ProductIcon2 > div > a:hover { color: #c5a059 !important; } body .ProductIcon .boxIcon svg, body .ProductIcon2 .boxIcon svg { fill: #c5a059 !important; } body .ProductIcon .boxIcon i, body .ProductIcon2 .boxIcon i { color: #c5a059 !important; } /* 🪄 TUVA PREMIUM - İNCE AYARLAR VE MOBİL DEVRİMİ 🪄 */ /* --- 1. FOTOĞRAF ALTINDAKİ BEYAZ ÇİZGİYİ SİLME --- */ html body #divIcerik .productItem .productImage, html body #divIcerik .productItem .productImage a, html body #divIcerik .productItem { border-bottom: none !important; text-decoration: none !important; box-shadow: none !important; } /* --- 2. GRİD BOŞLUKLARINI DARALTMA VE DENGELEME --- */ html body .categoryContainer .ProductListContent .ProductList, html body .ProductListContent .ProductList { gap: 30px 20px !important; /* Devasa boşlukları kıstık (Dikey 30px, Yatay 20px) */ } @media (min-width: 1024px) { html body:not(.sepetimBody) .ItemOrj, html body .categoryContainer .ProductList[class*="PlSc_"] .ItemOrj { width: calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px) !important; flex: 0 0 calc(33.333% - 20px) !important; } } /* --- 3. LACİVERT FİYATI EZİP GOLD YAPMA --- */ html body #divIcerik .productPrice .discountPrice span, html body #divIcerik .productPrice .regularPrice span, html body #divIcerik .productPrice * { color: #c5a059 !important; /* Tuva Altını */ text-shadow: none !important; } /* --- 4. MOBİL GÖRÜNÜMÜ KUSURSUZLAŞTIRMA --- */ @media (max-width: 768px) { /* Mobildeki ürün listesi boşlukları */ html body .categoryContainer .ProductListContent .ProductList, html body .ProductListContent .ProductList { gap: 20px 10px !important; /* Mobilde çok daha kibar bir boşluk */ padding: 0 10px !important; } /* Ürünleri mobilde 2'li zarif bir düzene oturtma */ html body:not(.sepetimBody) .ItemOrj, html body .categoryContainer .ProductList[class*="PlSc_"] .ItemOrj { width: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; padding: 0 !important; margin: 0 !important; } /* Mobil tipografi: İsimler kaba durmasın, fiyatlar dengelensin */ html body #divIcerik .productItem .productName a { font-size: 10px !important; letter-spacing: 1px !important; line-height: 1.4 !important; } html body #divIcerik .productPrice .discountPrice span { font-size: 13px !important; } /* Mobilde devasa kalan başlığı toparlama */ html body #mainHolder_divDesign .categoryPageTitle, html body #mainHolder_divDesign .categoryTitleText, html body #mainHolder_divDesign .proCategoryTitle { font-size: 22px !important; margin-top: 20px !important; margin-bottom: 25px !important; letter-spacing: 5px !important; } } /* 🪄 TUVA PREMIUM - ÇERÇEVE (BORDER) TAMİRİ VE BOYUT DÜZELTMESİ 🪄 */ /* --- 1. SİLİNEN ALT VE ÜST ALTIN ÇİZGİLERİ GERİ GETİRME --- */ /* Önceki temizlikte yanlışlıkla silinen border'ları dört taraftan zorla örüyoruz */ html body #divIcerik .productItem .productImage { border-top: 1px solid rgba(197, 160, 89, 0.4) !important; border-bottom: 1px solid rgba(197, 160, 89, 0.4) !important; border-left: 1px solid rgba(197, 160, 89, 0.4) !important; border-right: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 4px !important; } /* Hover (Üzerine Gelme) Durumunda Dört Tarafın Birden Parlaması */ html body #divIcerik .productItem:hover .productImage { border-top: 1px solid rgba(197, 160, 89, 1) !important; border-bottom: 1px solid rgba(197, 160, 89, 1) !important; border-left: 1px solid rgba(197, 160, 89, 1) !important; border-right: 1px solid rgba(197, 160, 89, 1) !important; } /* --- 2. GEREKSİZ UZAYAN KUTULARI ESKİ ZARİF HALİNE ÇEKME --- */ /* %135 ile uzattığımız oranı standart, güvenli kare (%100) orana geri döndürüyoruz */ html body #divIcerik .productItem .productImage a, html body #divIcerik .productItem .productImage .imageItem a { padding-bottom: 100% !important; } /* 🪄 TUVA PREMIUM - GÜVENLİ VİTRİN VE ÇİZGİ TEMİZLİĞİ 🪄 */ /* --- 1. İNATÇI BEYAZ ÇİZGİLERİ VE ZEMİNLERİ SİLME --- */ /* Ürün kartının, detay bölümünün ve varyant alanının altındaki sızıntıları şeffaflaştırıyoruz */ html body #divIcerik .productItem, html body #divIcerik .productItem .productImage, html body #divIcerik .productDetail, html body #divIcerik .ItemOrj, html body #divIcerik .product_list_size_property { background: transparent !important; background-color: transparent !important; border-bottom: none !important; border-top: none !important; box-shadow: none !important; outline: none !important; } /* --- 2. FOTOĞRAFLARI GÜVENLİ ŞEKİLDE KUTUYA SIĞDIRMA (ORAN TAMİRİ) --- */ /* %125 çok uzun geldi, o yüzden 1:1 (Kare) oranına çekiyoruz. En güvenlisidir. */ html body #divIcerik .productItem .productImage a, html body #divIcerik .productItem .productImage .imageItem a { padding-bottom: 100% !important; height: 0 !important; display: block !important; position: relative !important; } /* Fotoğrafı kutunun içine kırpmadan (kesmeden) oturtma büyüsü */ html body #divIcerik .productItem .productImage img { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; max-width: 96% !important; /* Lüks çerçevenin içine sığması için */ max-height: 96% !important; object-fit: contain !important; /* Resmi asla kesmez, boşluğa tam sığdırır */ transform: scale(0.92) !important; /* Etrafında elit paspartu boşluğu bırakır */ transition: transform 0.6s ease !important; } /* Hover (Üzerine Gelme) Efekti */ html body #divIcerik .productItem:hover .productImage img { transform: scale(0.98) !important; } /* 🪄 TUVA PREMIUM - NOKTA ATIŞI: BEYAZ ÇİZGİ SUİKASTİ VE İMZA BUTON 🪄 */ /* --- 1. O SİNİR BOZUCU BEYAZ ÇİZGİLER (SLIDER NOKTALARI) KÖKÜNDEN SİLİNİYOR --- */ /* Sadece noktaları hedef alıyoruz, kutu yapısını ve varyantları ASLA bozmaz */ html body #divIcerik .productItem .productList-Image-Owl .owl-dots, html body #divIcerik .productItem .owl-dots { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } html body #divIcerik .productItem .productList-Image-Owl .owl-dot span, html body #divIcerik .productItem .owl-dot span { display: none !important; background: transparent !important; } /* --- 2. ORİJİNAL 'KOLEKSİYONA EKLE' / SEPETE EKLE İMZA BUTONUNU GERİ GETİRME --- */ /* Senin sevdiğin o elit, üzerinde altın ışık süzülen tasarım */ html body #divIcerik .basketBtn input, html body #divIcerik .buyfast input, html body #divIcerik .mycartIcon a { background-color: rgba(10, 10, 10, 0.95) !important; background-image: linear-gradient(120deg, transparent 30%, rgba(197, 160, 89, 0.5) 50%, transparent 70%) !important; background-size: 300% 100% !important; background-position: 100% 0 !important; color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 4px !important; text-transform: uppercase !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 0px !important; transition: background-position 0.7s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important; text-shadow: none !important; } /* Vitrindeki ikon yüksekliği ve çerçeve düzeltmesi */ html body #divIcerik .mycartIcon a { height: 50px !important; line-height: 50px !important; border-bottom: none !important; border-left: none !important; border-right: none !important; } /* Hover efekti - Altın Işık Süzülmesi */ html body #divIcerik .basketBtn input:hover, html body #divIcerik .buyfast input:hover, html body #divIcerik .mycartIcon a:hover { background-position: 0% 0 !important; border-color: #c5a059 !important; color: #c5a059 !important; box-shadow: 0 5px 25px rgba(197, 160, 89, 0.25) !important; letter-spacing: 6px !important; } /* 🪄 TUVA PREMIUM - NOKTA ATIŞI: BEYAZ ÇİZGİ SUİKASTİ VE İMZA BUTON 🪄 */ /* --- 1. O SİNİR BOZUCU BEYAZ ÇİZGİLER (SLIDER NOKTALARI) KÖKÜNDEN SİLİNİYOR --- */ /* Sadece noktaları hedef alıyoruz, kutu yapısını ve varyantları ASLA bozmaz */ html body #divIcerik .productItem .productList-Image-Owl .owl-dots, html body #divIcerik .productItem .owl-dots { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } html body #divIcerik .productItem .productList-Image-Owl .owl-dot span, html body #divIcerik .productItem .owl-dot span { display: none !important; background: transparent !important; } /* --- 2. ORİJİNAL 'KOLEKSİYONA EKLE' / SEPETE EKLE İMZA BUTONUNU GERİ GETİRME --- */ /* Senin sevdiğin o elit, üzerinde altın ışık süzülen tasarım */ html body #divIcerik .basketBtn input, html body #divIcerik .buyfast input, html body #divIcerik .mycartIcon a { background-color: rgba(10, 10, 10, 0.95) !important; background-image: linear-gradient(120deg, transparent 30%, rgba(197, 160, 89, 0.5) 50%, transparent 70%) !important; background-size: 300% 100% !important; background-position: 100% 0 !important; color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 4px !important; text-transform: uppercase !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 0px !important; transition: background-position 0.7s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease !important; text-shadow: none !important; } /* Vitrindeki ikon yüksekliği ve çerçeve düzeltmesi */ html body #divIcerik .mycartIcon a { height: 50px !important; line-height: 50px !important; border-bottom: none !important; border-left: none !important; border-right: none !important; } /* Hover efekti - Altın Işık Süzülmesi */ html body #divIcerik .basketBtn input:hover, html body #divIcerik .buyfast input:hover, html body #divIcerik .mycartIcon a:hover { background-position: 0% 0 !important; border-color: #c5a059 !important; color: #c5a059 !important; box-shadow: 0 5px 25px rgba(197, 160, 89, 0.25) !important; letter-spacing: 6px !important; } /* ========================================================================= 🪄 TUVA PREMIUM - TYPOGRAPHY UPGRADE & MOBİL VİTRİN DEVRİMİ 🪄 ========================================================================= */ /* --- 0. YENİ LÜKS FONTLARI İMPORT ETME --- */ /* Bodoni Moda (Vogue Stil) ve Tenor Sans (Minimalist) */ @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=Tenor+Sans&display=swap'); /* --- 1. TÜM SİTE TİPOGRAFİSİ VE FONTLAR --- */ /* Fiyatlar, Body Yazıları, Açıklamalar için Minimalist Tenor Sans */ body, html body #divIcerik, html body #divIcerik .ud-kategori, html body #divIcerik . BasketBtn .pSatisBirimi, html body #divIcerik .detaildescription *, html body #divIcerik #divOnyazi { font-family: 'Tenor Sans', sans-serif !important; font-weight: 300 !important; } /* Ürün İsimleri, Fiyat Başlıkları için Lüks Serif Bodoni Moda */ html body #divIcerik .productItem .productName a, html body #divIcerik #mainHolder_divDesign .categoryPageTitle, html body #divIcerik .LeftDetail .PriceList .pSatisBirimi strong, html body #divIcerik .basketBtn input { font-family: 'Bodoni Moda', serif !important; } /* --- 2. ÜRÜN İSİMLERİ (VİTRİN KÜNYESİ) --- */ html body #divIcerik .productItem .productName { height: 40px !important; /* İsimlere elit bir nefes boşluğu */ margin-top: 15px !important; } html body #divIcerik .productItem .productName a { font-size: 11px !important; font-weight: 400 !important; letter-spacing: 3px !important; /* Harflerin arası elit bir şekilde açık */ color: #F2EBE1 !important; /* Şampanya kemik rengi */ line-height: 1.5 !important; white-space: normal !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; /* İsimleri 2 satıra asilce böler */ -webkit-box-orient: vertical !important; overflow: hidden !important; } /* --- 3. MOBİLDE FOTOĞRAFLARI DEVASA VE SIĞMIŞ GÖSTERME (CRITICAL FIX) --- */ @media (max-width: 768px) { /* Mobilde resimlerin aşağı indikçe küçülmesini zorla iptal edip, kutuyu tam doldurmasını sağlıyoruz */ html body #divIcerik .productItem .productImage, html body #divIcerik .productItem .productImage a { padding-bottom: 125% !important; /* Dikey mobilyalara özel uzun çerçeve */ display: block !important; width: 100% !important; height: 0 !important; } /* Fotoğrafa KESİN EMİR: Küçücük kalma, kutuyu doldur ama kendini kırpma! */ html body #divIcerik .productItem .productImage img { width: 100% !important; /* Fotoğrafın küçücük kalmasını engeller */ height: 100% !important; /* Kutunun tamamını kaplamasını sağlar */ max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; /* Mobilyayı kesmeden, taşırmadan kutuya tam yayar */ transform: scale(0.94) !important; /* Etrafında lüks paspartu çerçevesi boşluğu bırakır */ position: absolute !important; top: 0 !important; left: 0 !important; } /* Mobilde Ürün Başlıklarını Daha Küçük Ve Kibar Yapma */ html body #divIcerik .productItem .productName a { font-size: 10px !important; letter-spacing: 2.5px !important; font-weight: 400 !important; } } /* 🪄 TUVA PREMIUM - KUSURSUZ VİTRİN VE İSİM/FAVORİ DÜZENİ 🪄 */ /* --- 1. ÜRÜN KARTI GENEL HOVER (YUMUŞAK YÜKSELME) --- */ html body #divIcerik .productItem { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; position: relative !important; } html body #divIcerik .productItem:hover { transform: translateY(-5px) !important; /* Üzerine gelince tablo gibi çok hafif havalanır */ } /* --- 2. ÜRÜN İSİMLERİ (ELİT TİPOGRAFİ VE GOLD GEÇİŞ) --- */ html body #divIcerik .productItem .productName { margin-top: 20px !important; margin-bottom: 10px !important; height: auto !important; min-height: 45px !important; /* İki satır için ideal nefes boşluğu */ padding: 0 10px !important; } html body #divIcerik .productItem .productName a { font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 300 !important; letter-spacing: 2px !important; color: #d1bfae !important; /* Lüks şampanya/kemik tonu */ text-transform: uppercase !important; line-height: 1.5 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; /* Sıkışmayı önler, iki satıra zarifçe böler */ -webkit-box-orient: vertical !important; overflow: hidden !important; white-space: normal !important; transition: all 0.5s ease !important; } /* Üzerine gelince ismin Altın (Gold) olması ve hafifçe genleşmesi */ html body #divIcerik .productItem:hover .productName a { color: #c5a059 !important; letter-spacing: 3px !important; } /* --- 3. FAVORİ İKONU (TEMİZ, ZARİF VE ÇAKIŞMAYAN KONUM) --- */ html body #divIcerik .productItem .favori { position: absolute !important; top: 15px !important; right: 15px !important; z-index: 50 !important; display: block !important; } html body #divIcerik .productItem .favori a { width: 30px !important; height: 30px !important; background: transparent !important; /* Kaba arka planlar tamamen silindi */ border: none !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* İçi boş, ince zarif kalp */ html body #divIcerik .productItem .favori a::before { font-family: 'FontAwesome' !important; content: '\f08a' !important; color: #d1bfae !important; /* İsimle uyumlu şampanya rengi */ font-size: 18px !important; font-weight: 300 !important; transition: all 0.4s ease !important; margin: 0 !important; } /* Üzerine gelince veya tıklanınca: İçi altın rengi dolar ve parlar */ html body #divIcerik .productItem .favori a:hover::before, html body #divIcerik .productItem .favori a.listfavoriAktif::before { content: '\f004' !important; color: #c5a059 !important; /* Tuva Altını */ transform: scale(1.15) !important; /* Çok hafif atma efekti */ text-shadow: 0 0 15px rgba(197, 160, 89, 0.4) !important; } /* --- 4. MOBİL DÜZENLEMELER (KÜÇÜK EKRANLAR İÇİN KİBARLAŞTIRMA) --- */ @media (max-width: 768px) { html body #divIcerik .productItem .productName a { font-size: 11px !important; letter-spacing: 1px !important; } html body #divIcerik .productItem:hover .productName a { letter-spacing: 1.5px !important; /* Mobilde taşmasın diye genleşmeyi kıstık */ } html body #divIcerik .productItem .favori { top: 10px !important; right: 10px !important; } html body #divIcerik .productItem .favori a::before { font-size: 16px !important; /* Mobilde kalp biraz daha zarif dursun */ } } /* ========================================================================= 🪄 TUVA PREMIUM - VİTRİN: FİYAT HİZALAMA VE ŞIK FAVORİ İKONU REFORMU 🪄 ========================================================================= */ /* --- PREREQUISITE: ANA KART DÜZENİ --- */ /* Ürün kartının (productItem) relative kalmasını ve çakışmaları engellemeyi güvence altına alıyoruz */ html body #divIcerik .productItem { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: column !important; /* Stack vertically: Image, Name, Price */ } /* --- 1. FİYAT KONUMLANDIRMA (PRİZMA NİZAMI) --- */ /* Fiyat bloğunun uçuşmasını engelliyoruz, ismin hemen altına tok bir şekilde sabitliyoruz */ html body #divIcerik .productItem .productPrice { position: relative !important; /* Taşmayı engeller */ top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 10px 0 25px 0 !important; /* İsimden 10px, kartın altından 25px boşluk */ padding: 0 10px !important; text-align: center !important; /* İsimle hizalı, dengeli duruş */ display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; line-height: 1 !important; } /* Fiyat içindeki yazıların (span) sırıtan stillerini siliyoruz, minimalist gold yapıyoruz */ html body #divIcerik .productItem .discountPrice span, html body #divIcerik .productItem .regularPrice span, html body #divIcerik .productItem .discountPrice span b, html body #divIcerik .productItem .regularPrice span b { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; font-weight: 300 !important; letter-spacing: 1.5px !important; color: #c5a059 !important; /* Tuva Altını */ text-shadow: none !important; } /* --- 2. ŞIK FAVORİ İKONU (KONUM VE TASARIM REFORMU) --- */ /* Favori alanını fotoğrafın köşesine yüzen bir VİP BUTON formuna sokuyoruz */ html body #divIcerik .productItem .favori { position: absolute !important; /* Kartın (resmin) üzerine yüzer */ top: 15px !important; /* Sağ üstten chic bir boşluk */ right: 15px !important; bottom: auto !important; left: auto !important; width: 32px !important; height: 32px !important; z-index: 50 !important; /* Her şeyin üstünde durur */ background: rgba(0, 0, 0, 0.2) !important; /* Şeffaf pleksi cam efekti */ border-radius: 50% !important; /* Zarif yuvarlak */ display: flex !important; justify-content: center !important; align-items: center !important; border: 1px solid rgba(197, 160, 89, 0.3) !important; /* Çok ince gold çerçeve */ transition: all 0.4s ease !important; } /* ÇAKISMAYI BİTİRME: "Favoriye Ekle" yazısını tamamen gizliyoruz */ html body #divIcerik .productItem .favori a { text-indent: -9999px !important; /* Yazıyı yok eder */ overflow: hidden !important; display: block !important; width: 100% !important; height: 100% !important; position: absolute !important; top: 0; left: 0; } /* ŞIK İKON (YENİ GOLD KALP) OLUŞTURMA */ /* Yazının yerine FontAwesome kalp ikonunu gold ve ince olarak ekliyoruz */ html body #divIcerik .productItem .favori a::before { font-family: 'FontAwesome' !important; content: '\f08a' !important; /* İçi boş, zarif kalp ikonu */ color: #c5a059 !important; /* Tuva Altını */ font-size: 16px !important; text-indent: 0 !important; position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; font-weight: 300 !important; /* İnce, heykelsi kalp */ display: block !important; visibility: visible !important; opacity: 1 !important; } /* Hover efekti - Kalbin içi dolsun ve daha gold parlasın */ html body #divIcerik .productItem .favori:hover { background: rgba(197, 160, 89, 0.15) !important; /* Hafifçe altın parlar */ border-color: #c5a059 !important; } html body #divIcerik .productItem .favori a.listfavoriAktif::before, html body #divIcerik .productItem .favori:hover a::before { content: '\f004' !important; /* İçi dolu kalp ikonu */ } /* 🪄 TUVA PREMIUM - GÖZ YORMAYAN LOŞ VİTRİN VE KUSURSUZ İKON 🪄 */ /* --- 1. ÇİĞ BEYAZLIĞI YUMUŞATMA VE DERİN GÖLGE --- */ /* O beyaz kutuları siliyoruz. Sadece derin bir karanlık gölge veriyoruz */ html body #divIcerik .productItem .productImage { background: transparent !important; border: none !important; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9) !important; /* Keskin kağıt kenarlarını yutan simsiyah gölge */ border-radius: 4px !important; overflow: hidden !important; } /* Fotoğrafın kendi florasan beyazlığını (ışığını) %15 kısıyoruz ki karanlık temada göz almasın */ html body #divIcerik .productItem .productImage img { opacity: 0.85 !important; transition: opacity 0.5s ease !important; } /* Üzerine gelince (Hover) spot ışığı yanar, eser tam aydınlanır */ html body #divIcerik .productItem:hover .productImage img { opacity: 1 !important; } /* --- 2. TAŞAN KALP İKONUNU ZORLA İÇERİ HAPSETME --- */ /* Yuvarlağın merkezini garantiye alıyoruz */ html body #divIcerik .productItem .favori a { display: flex !important; align-items: center !important; justify-content: center !important; } /* Kalbi küçültüp uçuşmasını engelliyoruz */ html body #divIcerik .productItem .favori a::before { position: static !important; /* Kaymaları tamamen durdurur */ transform: none !important; /* Hatalı merkezleme kodunu siler */ font-size: 13px !important; /* 32px'lik yuvarlağa taşırmadan sığacak elit boy */ margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: block !important; } /* ========================================================================= 🪄 TUVA PREMIUM - DURAĞAN VİTRİN ESTETİĞİ (BAKMAYA DOYAMAMA EFEKTİ) 🪄 ========================================================================= */ /* --- 1. PLEKSİ YUMUŞAKLIĞI VE GÖRÜNMEZ ÇERÇEVE --- */ html body #divIcerik .productItem .productImage { border-radius: 12px !important; /* Cam/Pleksi mobilyalara uygun pürüzsüz, yumuşak köşeler */ border: 1px solid rgba(197, 160, 89, 0.12) !important; /* Işık vurmamış haliyle bile duran %12'lik asil altın çerçeve */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important; /* Durağan haldeyken de zemini tutan tok bir gölge */ background: #050505 !important; /* Kutunun içini en koyu lüks siyaha sabitliyoruz */ padding: 2px !important; /* Resmin çerçeveye yapışmasını engelleyen çok ince bir paspartu boşluğu */ } /* Çerçevenin içindeki fotoğrafın da köşelerini uyumlu şekilde yumuşatıyoruz */ html body #divIcerik .productItem .productImage img { border-radius: 10px !important; } /* Üzerine gelince çerçevenin altın oranı %100'e çıkar ve parlar (Mevcut efekti destekler) */ html body #divIcerik .productItem:hover .productImage { border-color: rgba(197, 160, 89, 0.8) !important; } /* --- 2. LÜKS NEFES BOŞLUĞU (GRID SPACING) --- */ /* Ürünlerin birbirine yapışmasını engelleyip, aralarındaki dikey mesafeyi sanat galerisi nizamına çekiyoruz */ html body .categoryContainer .ProductListContent .ProductList, html body .ProductListContent .ProductList { gap: 45px 20px !important; /* Dikeyde 45px (ferah), yatayda 20px boşluk */ margin-top: 20px !important; } /* Mobilde bu boşluğu ekran boyutuna göre kibarlaştırıyoruz */ @media (max-width: 768px) { html body .categoryContainer .ProductListContent .ProductList, html body .ProductListContent .ProductList { gap: 30px 10px !important; /* Mobilde de alt alta binen ürünler arası zarif bir nefes payı */ } } /* 🪄 TUVA PREMIUM - KÜRATÖR NOTU (KATEGORİ AÇIKLAMASI) 🪄 */ /* Signature Series gibi özel koleksiyonların üst yazısını dergi formatına sokma */ html body #mainHolder_divDesign .categoryTitleText, html body #divIcerik .category-description, html body #divIcerik .KategoriUstYazi { font-family: 'Playfair Display', serif !important; font-style: italic !important; font-size: 16px !important; color: #d1bfae !important; /* Lüks kemik tonu */ text-align: center !important; max-width: 800px !important; margin: 20px auto 50px auto !important; /* Ortaya hizalar, alttan ferah bir boşluk bırakır */ line-height: 1.9 !important; letter-spacing: 1px !important; border-top: 1px solid rgba(197, 160, 89, 0.2) !important; /* Üste ince altın çizgi */ border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important; /* Alta ince altın çizgi */ padding: 30px 20px !important; background: transparent !important; } /* Metnin içindeki kalın (bold) kelimeleri tam gold yapma */ html body #mainHolder_divDesign .categoryTitleText strong, html body #divIcerik .category-description strong, html body #divIcerik .KategoriUstYazi strong { color: #c5a059 !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: 2px !important; } /* 🪄 TUVA PREMIUM - KAYBOLAN MOBİL RESİMLERİ KURTARMA (YÜKSEKLİK TAMİRİ) 🪄 */ /* Hatalı padding kodunu ezip, resim kutusunun dikey yüksekliğini (125%) geri veriyoruz */ html body #divIcerik .productItem .productImage, html body #divIcerik .productItem .productImage a { padding-top: 2px !important; padding-left: 2px !important; padding-right: 2px !important; padding-bottom: 125% !important; /* İşte resimleri geri getiren hayat kurtarıcı dikey oran! */ height: 0 !important; display: block !important; position: relative !important; } /* Ticimax'in sonradan yükleme (lazy-load) sisteminin resimleri gizlemesini engelliyoruz */ html body #divIcerik .productItem .productImage img, html body #divIcerik .productItem .productImage .lazyload { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; width: 100% !important; height: 100% !important; max-width: 96% !important; /* Lüks çerçeve boşluğu */ max-height: 96% !important; object-fit: contain !important; /* Resmi kesmeden sığdırır */ display: block !important; visibility: visible !important; opacity: 1 !important; /* Görünürlüğü zorla açıyoruz */ } /* 🪄 TUVA PREMIUM - GRID BOYUTU VE SARKMA DÜZELTMESİ 🪄 */ /* 1. Dış kutudaki gereksiz sündürmeyi tamamen sıfırlıyoruz */ html body #divIcerik .productItem .productImage { padding-bottom: 0 !important; height: auto !important; } /* 2. Sadece iç linke tam kararında, zarif bir dikey oran (%105) veriyoruz */ html body #divIcerik .productItem .productImage a { padding-top: 2px !important; padding-left: 2px !important; padding-right: 2px !important; padding-bottom: 105% !important; /* %125'in yarattığı devasa sarkmayı elit bir formata çektik */ height: 0 !important; display: block !important; position: relative !important; } /* Resimlerin bu yeni kibar orana milimetrik oturması için ufak bir dokunuş */ html body #divIcerik .productItem .productImage img, html body #divIcerik .productItem .productImage .lazyload { max-width: 94% !important; max-height: 94% !important; object-fit: contain !important; } /* ========================================================================= 🪄 TUVA PREMIUM - MOBİL VE KÜRATÖR NOTU: KESİN VE ZORUNLU MÜDAHALE 🪄 ========================================================================= */ /* --- 1. İNATÇI KÜRATÖR NOTU (KATEGORİ AÇIKLAMASI) ZORLA UYGULAMA --- */ /* Ticimax'in tüm açıklama alanlarını ezip Playfair fontunu ve altın çizgileri zorla oturtuyoruz */ html body #divIcerik .category-description, html body #divIcerik .category-description *, html body #divIcerik .KategoriUstYazi, html body #divIcerik .KategoriUstYazi *, html body #mainHolder_divDesign .categoryTitleText, html body #mainHolder_divDesign .categoryTitleText * { font-family: 'Playfair Display', serif !important; font-style: italic !important; font-size: 16px !important; color: #d1bfae !important; /* Lüks kemik tonu */ text-align: center !important; max-width: 800px !important; margin: 20px auto 40px auto !important; line-height: 1.9 !important; letter-spacing: 1px !important; background: transparent !important; border: none !important; /* İçerdeki eski çerçeveleri siler */ } /* Çizgileri ve ferah boşluğu sadece ana kutuya (container) veriyoruz */ html body #divIcerik .category-description, html body #divIcerik .KategoriUstYazi { border-top: 1px solid rgba(197, 160, 89, 0.3) !important; border-bottom: 1px solid rgba(197, 160, 89, 0.3) !important; padding: 30px 20px !important; } /* Kalın (bold) kelimeleri tam gold yapma */ html body #divIcerik .category-description strong, html body #divIcerik .KategoriUstYazi strong { color: #c5a059 !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: 2px !important; } /* --- 2. MOBİLDE GİZLENEN "KOLEKSİYONA EKLE" BUTONUNU ZORLA GÖSTERME --- */ /* Ticimax mobilde .basketBtn kutusunu tamamen `display: none` yapar, onu canlandırıyoruz */ @media (max-width: 991px) { html body #divIcerik .productItem .basketBtn, html body #divIcerik .productItem .buyfast, html body .categoryContainer .ProductList[class*="PlSc_"] .basketBtn, html body .categoryContainer .ProductList[class*="PlSc_"] .buyfast { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; margin-top: 15px !important; position: relative !important; z-index: 10 !important; } /* Butonun boyutlarını mobil için narinleştiriyoruz */ html body #divIcerik .basketBtn input, html body #divIcerik .buyfast input { width: 100% !important; height: 40px !important; line-height: 40px !important; font-size: 11px !important; padding: 0 !important; } } /* --- 3. MOBİL FİLTRE VE SIRALAMA: ÇAKIŞMA İPTALİ VE LÜKS TASARIM --- */ /* Orijinal filtre çubuğunun beyaz/gri arkaplanını eziyoruz ve en üst katmana (`z-index`) kilitliyoruz */ html body .mobilFilterContainer, html body .mobilFilterSort, html body #divIcerik .mobilFilterSort, html body #divIcerik .FilterSort, html body .category-top-bar { position: relative !important; z-index: 99999 !important; /* Fotoğraflar kesinlikle altında kalacak */ background: #050505 !important; /* Arkasını simsiyah doldurup çakışmayı gizler */ background-color: #050505 !important; margin-bottom: 25px !important; /* Altındaki ürünlerle arasına mesafe koyar */ padding: 10px 0 !important; } /* "Filtrele" ve "Sırala" Butonlarının Kendisini VIP Menüye Çevirme */ html body .mobilFilterContainer > div, html body .mobilFilterSort > div, html body .mobilFilterBtn, html body .mobilSortBtn, html body .FilterSort > div { background: #050505 !important; background-color: #050505 !important; color: #c5a059 !important; /* Tuva Altını Yazı */ border: 1px solid rgba(197, 160, 89, 0.4) !important; /* İnce Gold Çerçeve */ font-family: 'Montserrat', sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-size: 11px !important; border-radius: 0 !important; } /* Sıralama Açılır Menüsünün (Select) İçini Lüks Siyah Yapma */ html body #mobilSortSelect, html body .mobilSortSelect { background-color: #050505 !important; color: #c5a059 !important; } /* ========================================================================= 🪄 TUVA PREMIUM - FİNAL: KATEGORİ YAZISI, FİLTRE ÇAKIŞMASI VE MOBİL BUTON 🪄 ========================================================================= */ /* --- 1. KATEGORİ AÇIKLAMA YAZISI (Tam istediğin id ile hedeflendi) --- */ html body #mainHolder_divKategoriBaslik { font-family: 'Playfair Display', serif !important; font-style: italic !important; font-size: 16px !important; color: #d1bfae !important; /* Lüks kemik/şampanya tonu */ text-align: center !important; max-width: 800px !important; margin: 20px auto 40px auto !important; line-height: 1.9 !important; letter-spacing: 1px !important; border-top: 1px solid rgba(197, 160, 89, 0.3) !important; /* Üst ince gold çizgi */ border-bottom: 1px solid rgba(197, 160, 89, 0.3) !important; /* Alt ince gold çizgi */ padding: 30px 20px !important; background: transparent !important; } /* Kategori yazısındaki kalın (bold) kısımları elit Tuva altını yapma */ html body #mainHolder_divKategoriBaslik b, html body #mainHolder_divKategoriBaslik strong { color: #c5a059 !important; font-weight: 500 !important; font-style: normal !important; letter-spacing: 2px !important; text-transform: uppercase !important; } /* --- 2. MOBİLDE "KOLEKSİYONA EKLE" YAZISINI ZORLA GÖSTERME --- */ /* Ticimax'in mobilde butonu veya yazıyı gizlemesini engelliyoruz */ @media (max-width: 768px) { html body #divIcerik .productItem .basketBtn, html body #divIcerik .productItem .buyfast { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; margin-top: 10px !important; position: relative !important; z-index: 50 !important; } html body #divIcerik .productItem .basketBtn input, html body #divIcerik .productItem .buyfast input { display: block !important; width: 100% !important; height: 38px !important; line-height: 38px !important; font-size: 10px !important; color: #ffffff !important; text-indent: 0 !important; /* Gizlenen yazıyı geri getirir */ padding: 0 !important; } } /* --- 3. MOBİL SIRALAMA/FİLTRELEME ÇAKIŞMASINI BİTİRME (Resimdeki Sorun) --- */ /* Ekrana açılan o şeffaf menülerin arkasına obsidyen siyahı duvar örüyoruz */ html body .MobilSiralaContainer, html body .MobilFiltreleContainer, html body .mobilSortMenu, html body #mobilSortMenuContainer, html body .filter-sidebar, html body .left_block, html body .SortOp, html body .mobilFilterContainer { background: #050505 !important; background-color: #050505 !important; z-index: 999999 !important; /* Ürünlerin KESİNLİKLE üstünde kalır */ } /* Açılan sıralama seçeneklerini (Fiyata göre artan vs.) elit tasarıma sokma */ html body .MobilSiralaContainer ul li, html body .mobilSortMenu li, html body #mobilSortMenuContainer li, html body .SortOp label { background: #050505 !important; color: #c5a059 !important; /* Altın rengi yazılar */ border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important; padding: 15px !important; } /* Çakışan ikonları veya gereksiz kutuları toparlama */ html body .mobilFilterSort { background: #050505 !important; position: relative !important; z-index: 999 !important; } /* ========================================================================= 🪄 TUVA PREMIUM - MOBİL ALTYAPIYA SON KABA KUVVET MÜDAHALESİ 🪄 ========================================================================= */ /* --- 1. MOBİL SIRALAMA VE FİLTRE POPUP'INI SİMSİYAH YAPMA (Çakışmayı Bitirme) --- */ /* Attığın resimdeki o şeffaf, ürünlerin üstüne binen menülerin tüm olası isimleri */ html body .mobilFilter_bg, html body .mobilFilter, html body .divMobilSort, html body .mobilSort_bg, html body #mobilSortMenuContainer, html body .SortOp, html body .FilterKutu, html body .MobilFiltrele_bg, html body .MobilSirala_bg, html body .divFiltreAcilir { background: #050505 !important; background-color: #050505 !important; backdrop-filter: none !important; /* Arkadaki bulanık şeffaflığı iptal eder */ -webkit-backdrop-filter: none !important; z-index: 2147483647 !important; /* İnternet tarayıcılarının izin verdiği maksimum üst katman sınırı */ } /* Sıralama menüsü içindeki yazıları ("FİYATA GÖRE ARTAN" vs.) lüksleştirme */ html body .SortOp label, html body .divMobilSort a, html body .mobilFilter a { color: #c5a059 !important; background: #050505 !important; border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important; font-family: 'Montserrat', sans-serif !important; letter-spacing: 2px !important; } /* --- 2. GİZLENEN "KOLEKSİYONA EKLE" BUTONUNA SON ÇAĞRI --- */ /* Mobilde ne kadar gizli etiket varsa hepsini 'block' (görünür) yapmaya zorluyoruz */ @media (max-width: 768px) { html body #divIcerik .productItem .basketBtn, html body #divIcerik .productItem .buyfast, html body .categoryContainer .ProductList .basketBtn, html body .mobil_buyfast, html body .mobil_basketBtn { display: block !important; visibility: visible !important; opacity: 1 !important; max-height: 50px !important; height: auto !important; margin-top: 10px !important; position: relative !important; z-index: 100 !important; pointer-events: auto !important; /* Tıklanabilirliği zorla açar */ } html body #divIcerik .basketBtn input, html body #divIcerik .buyfast input { display: block !important; width: 100% !important; font-size: 11px !important; } } /* 🪄 TUVA PREMIUM - KATEGORİ YAZISI MASAÜSTÜ KUSURSUZ ORTALAMA 🪄 */ /* Ticimax'in masaüstündeki sola yaslama huylarını tamamen eziyoruz */ html body #mainHolder_divKategoriBaslik { display: block !important; /* Kutuyu tam bağımsız bir blok yapar */ width: 100% !important; /* Genişliği serbest bırakır */ max-width: 800px !important; /* Lüks dar paragraf görünümünü korur */ margin: 30px auto 50px auto !important; /* Sağdan ve soldan eşit boşluk (auto) bırakıp KESİN ortalar */ float: none !important; /* Gizli sola yaslama kodlarını yok eder */ clear: both !important; /* Etrafındaki diğer elementlerle çakışmasını engeller */ } /* ========================================================================= 🪄 TUVA PREMIUM - ANA SAYFA KAYDIRMALI GÖRSEL (ZOOM) VE BUTON DEVRİMİ 🪄 ========================================================================= */ /* --- 1. GÖRSEL KUTULARINI SINIRLANDIRMA (Taşmaları Önler) --- */ /* Resmin büyüdüğünde dışarı fışkırmaması için çerçeveyi kilitliyoruz */ html body .owl-item .item, html body .owl-item a { overflow: hidden !important; display: block !important; position: relative !important; border-radius: 4px !important; /* Çok hafif, lüks bir köşe yumuşatması */ } /* --- 2. LÜKS YAKINLAŞTIRMA (ZOOM) EFEKTİ (Attığın koda özel) --- */ /* Resimlere pürüzsüz ve yavaş bir geçiş süresi veriyoruz */ html body .owl-item img.owl-lazy, html body .owl-item img.editable, html body .owl-item img { transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; will-change: transform !important; /* Tarayıcıyı yormadan kaymak gibi çalıştırır */ } /* Üzerine gelindiğinde (Hover) %6 oranında yavaşça büyür */ html body .owl-item:hover img.owl-lazy, html body .owl-item:hover img.editable, html body .owl-item a:hover img { transform: scale(1.06) !important; } /* --- 3. İÇERİDEKİ BUTONLARI CANLANDIRMA (PARLAMA VE ALTIN IŞIK) --- */ /* Kayan görsellerin içindeki olası butonları hedefliyoruz */ html body .owl-item .buton, html body .owl-item .btn, html body .owl-item a[class*="btn"], html body .owl-item a[class*="buton"], html body .owl-item .slider-btn { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; /* İnce Tuva altını çerçeve */ } /* Kutuya veya butona fareyle yaklaşıldığında buton canlanır */ html body .owl-item:hover .buton, html body .owl-item:hover .btn, html body .owl-item:hover a[class*="btn"], html body .owl-item:hover a[class*="buton"], html body .owl-item a.buton:hover { background-color: #c5a059 !important; /* Zemin altın olur */ color: #050505 !important; /* Yazı lüks siyaha döner */ border-color: #c5a059 !important; box-shadow: 0 10px 25px rgba(197, 160, 89, 0.4) !important; /* Altın bir ışık (Glow) yayar */ letter-spacing: 4px !important; /* İçindeki yazının nefes almasını sağlar */ transform: translateY(-3px) !important; /* Havaya kalkar */ } /* ========================================================================= 🪄 TUVA PREMIUM - 3'LÜ YAN KOLEKSİYON BANNERLARI (LOOKBOOK ZOOM) KESİN ÇÖZÜM 🪄 ========================================================================= */ /* --- 1. KUTULARI KİLİTLEME (Fotoğraf Büyüdüğünde Dışarı Taşmasın) --- */ /* Attığın koda dayanarak, resmin içindeki bulunduğu linki (a) gizlice bulup kilitliyoruz */ html body a:has(img.lazyImage.editable), html body div:has(> img.lazyImage.editable) { overflow: hidden !important; display: block !important; position: relative !important; border-radius: 6px !important; /* Pleksi lüksüne uygun zarif köşe yumuşatması */ } /* --- 2. FOTOĞRAFLARA PÜRÜZSÜZ GEÇİŞ (TRANSITION) TANIMLAMA --- */ html body img.lazyImage.editable { transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; will-change: transform !important; /* Tarayıcıyı yormadan kaymak gibi çalıştırır */ display: block !important; width: 100% !important; } /* --- 3. ÜZERİNE GELİNDİĞİNDE (HOVER) LÜKS YAKINLAŞMA --- */ /* Müşteri resmin veya linkin üzerine geldiğinde usulca ve asilce büyür */ html body a:hover img.lazyImage.editable, html body div:hover > img.lazyImage.editable, html body img.lazyImage.editable:hover { transform: scale(1.07) !important; } /* --- FOOTER ZEMİN GÜÇ TESTİ --- */ html body .FooterMain, html body #divFooter, html body footer, html body #footer { background-color: #050505 !important; background-image: none !important; border-top: 1px solid rgba(197, 160, 89, 0.3) !important; } /* ========================================================================= 🪄 TUVA PREMIUM - ULTRA LÜKS BÜLTEN (NİHAİ VE KUSURSUZ SÜRÜM) 🪄 ========================================================================= */ /* --- 1. MAVİ ŞERİT KATİLİ (Başarılı Olan Kısım) --- */ html body footer, html body #divFooter, html body .FooterMain, html body .footerTempRow, html body .footerTempColumnDiv, html body .footerTempWidgetRepeat, html body .ebultenDivTemp, html body .elementor-section, html body .elementor-container, html body .elementor-column, html body .elementor-widget-wrap { background: #020202 !important; background-color: #020202 !important; background-image: none !important; border: none !important; box-shadow: none !important; } /* --- 2. ZORLA VE MİLİMETRİK ORTALAMA --- */ /* Elementor'un tüm dış kutularını merkeze kilitliyoruz */ html body .footerTempColumnDiv, html body .footerTempWidgetRepeat, html body .ebultenDivTemp, html body #divNewsLetter { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; width: 100% !important; margin: 0 auto !important; } html body .ebultenDivTemp { padding: 60px 0 !important; border-top: 1px solid rgba(197, 160, 89, 0.15) !important; border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important; } /* --- 3. VOGUE TARZI MİNİMALİST BAŞLIK (TUVA PRIVÉ) --- */ html body .eTempTitle1 { font-size: 0 !important; color: transparent !important; margin-bottom: 15px !important; text-align: center !important; width: 100% !important; display: block !important; } html body .eTempTitle1::before { content: "TUVA PRIVÉ" !important; font-size: 24px !important; color: #c5a059 !important; font-family: 'Playfair Display', serif !important; letter-spacing: 10px !important; font-weight: 400 !important; display: block !important; text-align: center !important; } /* --- 4. LÜKS ALT METİN (Sınırlı Sayıda Vurgusu) --- */ html body .eTempTitle2 { font-size: 0 !important; color: transparent !important; margin-bottom: 35px !important; text-align: center !important; width: 100% !important; display: block !important; } html body .eTempTitle2::before { content: "Sınırlı sayıda üretilen imza tasarımlarımıza ve ayrıcalıklara ilk siz ulaşın." !important; font-size: 11px !important; color: #888888 !important; font-family: 'Montserrat', sans-serif !important; letter-spacing: 3px !important; text-transform: uppercase !important; display: block !important; text-align: center !important; font-weight: 300 !important; } /* --- 5. FORM ALANINI ALT ALTA VE SİMETRİK DİZME --- */ html body #UpdatePanel1.newsletterContent, html body .newsletterContent { display: flex !important; flex-direction: column !important; /* Kutu ve butonu alt alta dizer */ align-items: center !important; justify-content: center !important; width: 100% !important; gap: 15px !important; /* Kutu ve buton arası zarif boşluk */ margin: 0 auto !important; } /* --- 6. E-POSTA GİRİŞ KUTUSU (Belirgin VIP Form Alanı) --- */ html body #txtbxNewsletterMail { position: relative !important; background-color: #0a0a0a !important; /* Koyu asil bir zemin, "buraya yazılır" hissi verir */ border: 1px solid rgba(197, 160, 89, 0.4) !important; /* Zarif altın çerçeve */ border-radius: 0 !important; color: #c5a059 !important; height: 45px !important; width: 100% !important; max-width: 350px !important; /* Kutunun genişliği sabit */ padding: 0 15px !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; letter-spacing: 2px !important; text-align: center !important; /* Yazılan yazıyı tam ortalar */ margin: 0 auto !important; display: block !important; box-shadow: none !important; transition: all 0.4s ease !important; } /* Form içindeki "mailiniz@..." gibi yazan kaba gri yazıyı elit hale getirme */ html body #txtbxNewsletterMail::placeholder { color: #666666 !important; font-weight: 300 !important; letter-spacing: 3px !important; text-transform: uppercase !important; } html body #txtbxNewsletterMail:focus { border-color: #c5a059 !important; box-shadow: inset 0 0 10px rgba(197, 160, 89, 0.1) !important; outline: none !important; } /* --- 7. İMZA BUTONU VE KAĞIT UÇAK KATİLİ --- */ html body #btnMailKaydet { background-color: transparent !important; /* İçi boş, sadece çerçeveli elit duruş */ border: 1px solid #c5a059 !important; /* Form kutusuyla aynı Tuva Altını çerçeve */ height: 45px !important; width: 100% !important; max-width: 350px !important; /* Form kutusuyla MİLİMETRİK aynı genişlik */ margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; text-decoration: none !important; border-radius: 0 !important; transition: all 0.5s ease !important; cursor: pointer !important; } /* Kağıt Uçağı Zindanlara Kilitliyoruz */ html body #btnMailKaydet i, html body #btnMailKaydet svg, html body #btnMailKaydet::before { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; } /* Butonun Asil Yazısı */ html body #btnMailKaydet::after { content: "KULÜBE KATIL" !important; color: #c5a059 !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; letter-spacing: 5px !important; font-weight: 400 !important; display: block !important; } /* Butonun Üzerine Gelince (Hover) Efekti */ html body #btnMailKaydet:hover { background-color: #c5a059 !important; } html body #btnMailKaydet:hover::after { color: #020202 !important; /* Altın zeminde siyah yazı */ letter-spacing: 6px !important; } /* --- 8. KVKK (GÖZ TIRMALAYAN KIRMIZILARI YOK ETME VE MERKEZLEME) --- */ html body .permissionDiv { width: 100% !important; margin-top: 30px !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } html body .permission-html, html body .permission-html strong { color: #555555 !important; font-family: 'Montserrat', sans-serif !important; font-size: 10px !important; letter-spacing: 1px !important; text-transform: uppercase !important; font-weight: 300 !important; } html body .permissionBox input[type="checkbox"] { accent-color: #c5a059 !important; margin-right: 8px !important; } /* ========================================================================= 🪄 TUVA PREMIUM - HAYALET OPERASYONU (SADECE FOOTER LOGOSU) 🪄 ========================================================================= */ /* Sadece Ticimax'in SVG logosunu ve onu saran linki nokta atışıyla bulur */ html body a:has(svg[alt="Ticimax E-Ticaret Sistemleri"]), html body svg[alt="Ticimax E-Ticaret Sistemleri"] { opacity: 0 !important; /* Tamamen şeffaf yapar */ visibility: hidden !important; /* Görünmez kılar */ pointer-events: none !important; /* Tıklanmayı felç eder */ width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* --- TUVA VARYANT VE GALERİ KORUMASI (GÖRÜNMEZ DUVARI YIKAN CSS) --- */ /* Büyüteç eklentisinin ürettiği şeffaf duvarları sonsuza dek yok et */ .zoomContainer, .mousetrap, .MagicZoomPup, .MagicZoom-Window, .MagicZoom-hint, .MagicZoom { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; z-index: -9999 !important; width: 0 !important; height: 0 !important; } /* Ürün resimlerini ve küçük resimleri her koşulda tıklanabilir yap */ .product-image-container, .product-image-container a, .product-images-container a, #imgUrunResim, .SmallImages div img { pointer-events: auto !important; cursor: zoom-in !important; z-index: 999 !important; position: relative !important; } /* Küçük resimlerin tıklanma alanını garantiye al */ .SmallImages div { position: relative !important; z-index: 1000 !important; }