/* ==================== */ /* ------FE8--UM------- */ /* ==================== */ @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); *{outline: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /*reset Css*/ [hidden] { display: none !important; } [role="button"] { cursor: pointer; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } template { display: none; } [tabindex="-1"]:focus { outline: none !important; } html {max-width: 100%;margin: 0 auto; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } body { font-family:'Source Sans 3',sans-serif; margin: 0; padding: 0; font-size: 14px; color: #212529; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; font-family:'Source Sans 3',sans-serif; } textarea { overflow: auto; } input[type="search"] { -webkit-appearance: none; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;-webkit-appearance:none;margin:0} label { display: inline-block; margin-bottom:0; } input, button, select, textarea { line-height: inherit; } img {display:block; border: none; max-width: 100%; } i{font-style: normal;} a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } a { text-decoration: none;color: #666;transition:background .1s ease-in-out,color .1s ease-in-out;} a:active, a:hover { outline-width: 0; } h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; } input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; } select, input { font-family:'Source Sans 3',sans-serif !important; } button { -moz-appearance: none;-webkit-appearance: none;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; } textarea { resize: vertical;overflow: auto; } #divAdminPopupText{float: left;width: 100%;} .ProductList ul{margin: 0;padding: 0;} .blokSonYazilar ul{margin: 0;padding: 0;list-style: none;} .blogKategori ul{margin: 0;padding: 0;list-style: none;} .blogCenter ul{margin: 0;padding: 0;list-style: none;} .blogRight ul{margin: 0;padding: 0;list-style: none;} /*colgrid*/ .pull-center{display: inline-block;vertical-align:top;} .pull-left{float:left;} .pull-right{float:right;} .row {margin-right: -15px; margin-left: -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col{padding-right: 15px; padding-left: 15px; position: relative; width: 100%; min-height: 1px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /*colgrid*/ .fa-facebook-f:before {content: "\f39e"!important;} .hesabimBolumuTutucu i{vertical-align: middle;font-weight: 300;} .adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; } #cb3DSecureOdeme { margin-right: 8px; } #txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; } .clear { clear: both; } .textarea { font-family:'Source Sans 3',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:'Source Sans 3',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:'Source Sans 3',sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none; text-align: center; } .selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; } .validate, .validateSol, .validateOrta {position: absolute;right: 0;left: 0;bottom: 0;background-color: #a94442;color: #fff;border-radius: 0;padding: 0 10px;} .validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {background-color: #a94442;position: absolute;right: 0;bottom: 0;left: 0;height: 10px;display: block;border-radius: 0 0 0 0;} .cloudzoom-zoom { z-index: 999; } .clearfix { content: ''; clear: both; display: block; float: left; width: 100%; } .clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; } .KasaOnuFirsatlarContent ul li a.button{border: none!important;} /* -----------------------------------Magaza Sayfasi--------------------------------------------*/ .Magazalar #header{margin-bottom: 50px;} .Magazalar .magazaSelect{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;margin-right:20px;width: calc(25% - 20px);} .Magazalar #searchStore{width: 25%;margin:0;} .Magazalar #searchStore input{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;width: calc(100% - 115px);} .Magazalar #searchStore .buton{width: 105px;background: #222;border-color: #222;} .Magazalar #searchStore .buton:hover{color: #222;} .Magazalar .magazalarContent{float: left;width: 100%;margin-top: 50px;} .Magazalar #nearStores{float: left;width: 100%;} .Magazalar #nearStores >h2{font-weight: 600!important;color: #222;font-size:18px;} /*------------------------------------iletisim--------------------------------------------*/ .iletisimContent {float: left;width: 100%;} .iletisimContent .row{margin: 0;} .iletisimContent .AdBan{float: left;width: 50%;} .iletisimContent .iletisimLeft{float:left;padding: 0;margin: 0 0 40px;width: 100%;display:block;} .iletisimContent .categoryTitle{float:left;padding: 0;margin: 0 0 30px;width: 100%;text-align:left;} .iletisimContent .categoryTitle .categoryTitleText{margin-bottom: 0;font-size: 24px;font-weight: bold;line-height: 80px;text-align:left;} .iletisimContent .categoryTitle:after{clear: left;content:'';width: 70px;height: 1px;background:#e5e5e5;float: left; } .iletisimContent .iletisimLeft .Left{display: none;} .iletisimContent .iletisimLeft .Center{display: none;} .iletisimContent .iletisimLeft .span{float: left;width: 100%;margin-top: 20px;} .iletisimContent .iletisimLeft .Right{display: block;color: #343434;font-size: 14px;line-height: 20px;} .iletisimContent .iletisimLeft .Right:before{color: #bababa;font-size: 20px;font-family: 'FontAwesome';width: 35px;text-align: left;font-weight: 300;float: left;} .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 20px;font-weight: bold;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {font-size: 24px;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {content: '\f2a0';} .iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before {content: '\f1ac';} .iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before {content: '\f3c5';} .iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before {content: '\f2b6';} .iletisimContent .iletisimRight{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimRight .iletisimbanka{float:left;padding: 0;width: 100%;margin: 0;} .iletisimContent .iletisimRight .iletisimbanka .span{float:left;padding: 0;width: 100%;margin: 0;} .iletisimContent .iletisimRight .iletisimbanka .span > div{display: block;font-size: 0;border-bottom: 1px solid #e5e5e5;padding: 0 0 20px;margin: 0 0 20px;} .iletisimContent .iletisimRight .iletisimbanka .span > div span{display: inline-block;vertical-align:top;width: auto!important;color: #343434;font-size: 14px;} .iletisimContent .iletisimRight .iletisimbanka .span > div div{display: inline-block;vertical-align:top;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span{display: block;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {text-align:center;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1{text-align: left;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4{text-align: right;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div{display: inline-block;vertical-align:top;width: 25%;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1){margin-bottom: 10px;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: right;} .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) {border-top: 4px solid;margin-top: 20px;padding-top: 20px; } .iletisimContent .iletisimForm{float: left;width: 50%;padding-left: 80px;} .iletisimContent .iletisimForm .rowLeft{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimForm .rowLeft .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;} .iletisimContent .iletisimForm .rowLeft .span .Center{display: none;} .iletisimContent .iletisimForm .rowLeft .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;} .iletisimContent .iletisimForm .rowLeft .span .Right{display: block;position: relative;} .iletisimContent .iletisimForm .rowLeft .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;width: 100%;border-style: solid; border-width: 1px;} .iletisimContent .iletisimForm .rowRight{float:left;padding: 0;margin: 0;width: 100%;} .iletisimContent .iletisimForm .rowRight .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;} .iletisimContent .iletisimForm .rowRight .span .Center{display: none;} .iletisimContent .iletisimForm .rowRight .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;width: auto!important;} .iletisimContent .iletisimForm .rowRight .span .Right{display: block;position: relative;width:auto!important;} .iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display: block;margin-bottom: 10px;} .iletisimContent .iletisimForm .rowRight .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;padding: 0 10px;border-style: solid; border-width: 1px;} .iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;} .iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;} .iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;height: 55px;font-size: 16px;color: #fff;font-weight: normal;text-transform:uppercase;float: left;width: 100%;} .iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk{left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background-color: #ff0d0d;border-radius: 2px;} .iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta{left: 0;right: 0;bottom: 0;top: auto; display: block;border-radius: 0;} /*------------------------------------Uye Ol--------------------------------------------*/ .uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; } .uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width:calc(50% - 10px); } .uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {margin-right: 0;} .uyeOlContainer .uyeOlRow{margin:0;} .uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;} .uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left: 0;} .uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; } .uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; } .uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; } .uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; } .uyeOlContainer .gender { float: left; width: 100%; } .uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; } .uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; } .uyeOlContainer .intl-tel-input { margin-bottom: 15px; } .uyeOlContainer #mainHolder_rblCinsiyet { float: left; } .uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; } .uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important;line-height: 1;} .uyeOlContainer .uyeOlColItem.checkboxItem label span {display: inline-block;vertical-align: top;float: left;font-size: 13px;line-height: 14px;width: calc(100% - 26px);} .uyeOlContainer .uyeol {width:100%;text-align:center;padding:2px;margin:30px 0;height: 45px;font-size: 15px;line-height: 48px;} .uyeOlContainer .uyeOlColItem.checkboxItem label input{margin-left: -20px;} .uyeOlContainer .uyeOlColItem.checkboxItem label:before{margin-right: 10px;} .uyeOlContainer .uyeOlCol .uyeOlCol{margin-right: 20px;} .uyeOlContainer #chkSozlesme{margin: 0!important;} .uyeOlContainer #chkSozlesme + label{width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px;} .userContainer {float:left;width: 100%;margin: 30px 0;} .userContainer .userDivLeft, .userContainer .userDivRight{padding: 0;} .userContainer .userMail, .userContainer .userSms, .userContainer .userSozlesmeDiv{float: left;width: 100%;margin: 10px 0 0;} .userContainer .userMail label, .userContainer .userSms label, .userContainer .userSozlesmeDiv label{width: 93%;float: right;} .userContainer #chkSozlesme+label {width: 93%;float: right;} .userContainer .userLeftBox, .userContainer .userRightBox{width: 100%;float: left;margin: 0;padding:25px;} .userContainer .userLoginBtn, .userContainer .userSignBtn{float: left;width: 100%;} .userContainer .uyeGirisBeniHatirla{margin: 20px 0;} .userContainer .uyeGirisBeniHatirla input,.userContainer .uyeGirisBeniHatirla span{float: left;} .userContainer .uyeGirisBeniHatirla input{width:16px;height:16px;margin-right:10px;} .userContainer .userPassBtn{margin: 20px 0;} /* ------------------------------------Sifremi Unuttum--------------------------------------------*/ .pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 25px; } .pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left;margin-bottom: 20px;} /* ------------------------------------Uye Ol Basarili--------------------------------------------*/ .userLogin{float: left;width: 100%;text-align:center;margin: 50px 0;} .userLogin .newuserForm .uyelikonay.basariliUyelik{display: inline-block;vertical-align:top;} .userLogin .newuserForm .uyelikonay.basariliUyelik .title{color: #000;} .userLogin .newuserForm .uyelikonay.basariliUyelik .title:before{content: '\f00c';font-family: 'FontAwesome';display: block;font-size: 40px;color:#097d2d;font-weight:bold;margin-bottom: 10px;} .userLogin .newuserForm .uyelikonay.basariliUyelik .title h4{font-size: 25px; } .userLogin .newuserForm .uyelikonay.basariliUyelik .title span{font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; } .userLogin .newuserForm .uyelikonay.basariliUyelik a{padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; } /* ------------------------------------Taksit Secenekleri--------------------------------------------*/ #divTaksitContainer{float: left;width: 100%;margin-top: 10px;} .urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;} /*Header-Footer*/ .hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; } /*sepetacilir*/ .CartProduct p { margin-top: 0; margin-bottom: 0; } .CartProduct { width: 450px; background: #fff; float: left; padding: 20px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 0; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden;} .mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; } @media(min-width: 768px){.mycart:hover .CartProduct {display: block!important; visibility: visible; opacity: 1; top: 100%; }.mycart:hover:after { display: block; }} .CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; } .CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; } .CartProduct ul { padding: 0; margin: 0; } .CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; } .CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; } .CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; } .CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 90px !important; } .CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; } .CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; } .CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; } .CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; } .CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; } .CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; } .CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; } .CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; } .CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; } .CartProduct .SProduct li a .SepetTopAdet { } .CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; } .CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; } .CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; } .CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; font-weight: 300; } .CartProduct .SProduct li a .fa-times:before { content: '\f2ed'; } .CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 10px 0; margin: 20px 0 10px; display: none; } .CartProduct .SPrice li { font-size: 0; } .CartProduct .SPrice li span { float: left; color: #000; font-size: 14px; text-transform: uppercase; } .CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; } .CartProduct .button { margin: 0 !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 0; padding: 0; text-transform: uppercase; font-weight: 600; } .CartProduct .headerCartBtn { line-height: 45px; border: 1px solid #ccc; background: transparent; color: #000; } .CartProduct .headerOrderBtn { line-height: 47px; float: right; } .CartProduct .headerCartBtn:hover { color: #fff; } .CartProduct.more .SPrice { display: block; } .CartProduct.more .Title { display: block; } .CartProduct.more .cart-footer { display: block; } .CartProduct.more .headerCartBtn { display: block !important; } .CartProduct.more .headerOrderBtn { display: block !important; } .sepetimBody .mycart:hover .CartProduct { visibility: hidden; opacity: 0; top: 0; } .sepetimBody .mycart:hover:after {display: none;} /*socialbutton*/ .welcome li {display:inline-block;vertical-align:top;} .headerSocialConnect { display:none !important; float: right; margin-left: 25px;} .headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; } .headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0;font-size: 12px;font-weight:normal;padding:0;} .headerSocialConnect .baglanButton a:before {content: '\f39e'; font-family: 'FontAwesomeBrands'; margin-right: 10px; font-size: 12px;line-height: 43px;vertical-align:top;font-weight: normal;} .usernav { display: none; } /*yukaribtn*/ #back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;display: none;} #back-to-top a {border: 1px solid var(--theme-color); float: left;width: 40px;height: 40px;border-radius: 0;background: #fff;fill: #000; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;} #back-to-top a svg{height: 25px;position: relative;z-index: 2;} #back-to-top a svg path{transition:.5s;} #back-to-top a:hover svg path{fill:#fff;} #back-to-top a:hover{background: var(--theme-color);} /* ------------------------------------Vitrin urunleri--------------------------------------------*/ .homeContainer .ProductListContent { float: left; width: 100%; margin:30px 0; position: relative;} .homeContainer .ProductListContent .ProductList {display:block;margin: 0 auto;} .homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px;width: 25%;max-width: 25%;} .homeContainer .ProductListContent .productItem { margin-bottom: 0; } /****************************************URUN KART*********************************/ .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;} .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;} .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 20%;max-width: 20%;-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%;} .ProductListContent { float: left; width: 100%; } .categoryContainer .ProductListContent { float: left; width: 100%;} .categoryContainer .ProductList { margin: 0 -10px } .categoryContainer .ProductListContent .productItem { margin-bottom: 0;} .ItemOrj { float: left;padding: 0 10px;width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;margin-bottom: 45px;} /*urun*/ .productItem{width:100%;position:relative;text-align:center;display:inline-block;float:left;border-radius:0;overflow:hidden;transition:.3s;padding: 0;height: 100%;transition: .5s;background: #fff;} .productItem .productIcon {width:100%;float: left;} /*urunresim*/ .productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;} .productItem .productImage a, body .productItem .productImage a.Videolu{ display: block;position: relative;padding-bottom: 128%;} .productItem .productImage img, .productItem .productImage .Videolu video { position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;transition: 1s!important;transform: translateY(30px)!important; visibility: hidden;opacity: 0;max-height: 100%!important;width: 100%!important;} .productItem .productImage img.loaded, .productItem .productImage .Videolu video.loaded,.productItem .productImage img.owl-lazy, .productItem .productImage .owl-item.active img,.productItem .productImage .owl-item.active .Videolu video{transform: translateY(0)!important;visibility: visible;opacity: 1;} /*kategori loading görünümü ayarlama*/ /*body .categoryContainer .ProductList .productItem .productImage a:has(img[src="/Uploads/images/load.gif"]), body .categoryContainer .ProductList .productItem .productImage a:has(img[src="/Uploads/Images/load.gif"]), body .categoryContainer .ProductList .productItem a.videoProduct:not(.Videolu){display: block;position: relative;padding-bottom: 150%;} body .categoryContainer .ProductList .productItem .productImage a img[src="/Uploads/images/load.gif"], body .categoryContainer .ProductList .productItem .productImage a img[src="/Uploads/Images/load.gif"]{position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;max-width: 100%;margin: auto;} body .categoryContainer .ProductList .productItem .productImage .productList-Image-Owl .owl-item:not(.active) .imageItem{display: none;}*/ /*urunaciklama*/ .productItem .productDetail { display: block; float: left; width: 100%; text-align: left;padding:10px 0 0;position: relative;} /*urunad*/ .productItem .productName { position: relative;margin:0;float:left;width: 100%;} .productItem .productName a { float: left; width: 100%; padding: 0; line-height:17px;height:17px; font-weight: normal;font-size: 16px; color: #000000;overflow: hidden;white-space: nowrap; text-overflow:ellipsis;/*display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*/} /*urunfiyat*/ .productItem .productPrice { display:inline-block; vertical-align: top; position: relative; margin: 10px 0 0; bottom: 0;float: left;clear: left;} .productItem .discountPrice {display: block;float: right;} .productItem .discountPrice span {color: #000000;font-size: 18px; line-height:20px;font-weight:500;} .productItem .IndirimVar .discountPrice span{color: #000000;} .productItem .discountKdv, .productItem .regularKdv {display:none;} .productItem .regularPrice { display:block !important;float: left;margin-right: 10px;margin-top: 0;} .productItem .regularPrice span {font-size: 18px;color: #959595;-moz-text-decoration-color: #959595; text-decoration-color: #959595; line-height: 20px; font-weight:400; text-decoration: line-through;} /*urunpuan*/ body .productDetail .productPointTxt{width:auto;margin:10px 0 0 10px;line-height:12px;} body .productDetail .productPointTxt:before{line-height:12px;} .productPoints{float:left;width:auto;margin:10px 0 0;clear: left;} body .productPoints .rating{margin:0;display:flex;align-items:center;gap:2px;} body .productPoints .rating i:before{content:'\f005';font-family:'FontAwesome';font-size:12px;color:var(--theme-color);} body .productPoints .rating i{font-size:0;font-weight:300;} .productItem .productPoints [data-rating^='1'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='1,5'] .star-2, .productItem .productPoints [data-rating^='1.5'] .star-2, .productItem .productPoints [data-rating^='1,6'] .star-2, .productItem .productPoints [data-rating^='1.6'] .star-2, .productItem .productPoints [data-rating^='1,7'] .star-2, .productItem .productPoints [data-rating^='1.7'] .star-2, .productItem .productPoints [data-rating^='1,8'] .star-2, .productItem .productPoints [data-rating^='1.8'] .star-2, .productItem .productPoints [data-rating^='1,9'] .star-2, .productItem .productPoints [data-rating^='1.9'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating^='2'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='2'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating*='2,5'] .star-3, .productItem .productPoints [data-rating*='2.5'] .star-3, .productItem .productPoints [data-rating*='2,6'] .star-3, .productItem .productPoints [data-rating*='2.6'] .star-3, .productItem .productPoints [data-rating*='2,7'] .star-3, .productItem .productPoints [data-rating*='2.7'] .star-3, .productItem .productPoints [data-rating*='2,8'] .star-3, .productItem .productPoints [data-rating*='2.8'] .star-3, .productItem .productPoints [data-rating*='2,9'] .star-3, .productItem .productPoints [data-rating*='2.9'] .star-3 { font-weight: bold; } .productItem .productPoints [data-rating^='3'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='3'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating^='3'] .star-3 { font-weight: bold; } .productItem .productPoints [data-rating^='3,5'] .star-4, .productItem .productPoints [data-rating^='3.5'] .star-4, .productItem .productPoints [data-rating^='3,6'] .star-4, .productItem .productPoints [data-rating^='3.6'] .star-4, .productItem .productPoints [data-rating^='3,7'] .star-4, .productItem .productPoints [data-rating^='3.7'] .star-4, .productItem .productPoints [data-rating^='3,8'] .star-4, .productItem .productPoints [data-rating^='3.8'] .star-4, .productItem .productPoints [data-rating^='3,9'] .star-4, .productItem .productPoints [data-rating^='3.9'] .star-4 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-1 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-2 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-3 { font-weight: bold; } .productItem .productPoints [data-rating^='4'] .star-4 { font-weight: bold; } .productItem .productPoints [data-rating^='4,5'] .star-5, .productItem .productPoints [data-rating^='4.5'] .star-5, .productItem .productPoints [data-rating^='4,6'] .star-5, .productItem .productPoints [data-rating^='4.6'] .star-5, .productItem .productPoints [data-rating^='4,7'] .star-5, .productItem .productPoints [data-rating^='4.7'] .star-5, .productItem .productPoints [data-rating^='4,8'] .star-5, .productItem .productPoints [data-rating^='4.8'] .star-5, .productItem .productPoints [data-rating^='4,9'] .star-5, .productItem .productPoints [data-rating^='4,9'] .star-5 { font-weight: bold; } .productItem .productPoints [data-rating="5"] i { font-weight: bold; } /*Urun Iconlari*/ .favori,.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2, .mycartIcon,body .myCollectionProductBtn{ z-index: 3; display: none;} .discountIcon span,.mycartIcon a span{font-weight: normal;} .favori a, .examineIcon a, .mycartIcon a {display: block;} /*tukendi*/ .TukendiIco { z-index: 11;border-radius:0;background:transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%;overflow:hidden;} .TukendiIco span {line-height: 45px;background:rgba(255,255,255);position: absolute;left: 0;bottom: 46%;right: 0;max-width: 200px; border:none;color: #000;font-size: 15px;font-weight: normal;padding: 0;border-radius: 0;text-transform:uppercase;margin: 0 auto;border-radius:0;} /*stokyok*/ .StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none!important; } /*playbuton*/ body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0;bottom:0;width: 40px;height: 40px;margin: auto; overflow:hidden;} body .productItem .divVideoPlayButton a.urunListeVideoPlay{color: #fff;float: left;width: 100%;height: 100%;} body .productItem .divVideoPlayButton a.urunListeVideoPlay i{font-family: 'FontAwesome';font-weight: 300;font-size: 40px;display: inline-block;vertical-align:top;margin-top:0;text-shadow:0 0 4px #848484;} body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before{content: '\f144';} body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before{content: '\f28b';} /*ekbutonlar*/ .productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;} /*******************************************KATEGORi**********************************/ .Block_Title { display: none; } .noProduct { background: url('../../Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; } .noProduct * { display: none !important; } #divUstFiltreKategori { display: none; } #divUstFiltreMarka { display: none; } /*kategoriAciklama*/ .categorydesign {float: left;width: 100%;} .categorydesign .Blok{margin: 0;} .leftBlock .categorydesign {display:block;} .categorydesign *{} .categorydesign strong{font-weight:bold;} .categorydesign strong *{font-weight:bold;} .categorydesign img {display:inline-block;vertical-align:middle;} /*breadcrumb*/ .breadList.breadActive{display: none!important;} .breadcrumbContent { float: left; } body ul.breadcrumb { margin: 0 auto;display: flex!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;flex-wrap: wrap;} body ul.breadcrumb * { color: #000000; font-size: 14px!important; line-height: 20px!important; float: left; font-weight: normal;} body ul.breadcrumb li {font-size: 0!important;float: none!important; vertical-align:middle;} body ul.breadcrumb li:after { content: '|'; display: inline-block; margin: 0 8px; color: #000; font-size: 13px ; line-height: 20px; float: left; font-weight:normal;margin-top: -1px;} body ul.breadcrumb li:nth-last-of-type(1):after { display: none;} body ul.breadcrumb li:nth-last-of-type(1) a span{} body ul.breadcrumb li a span{position: relative;} body ul.breadcrumb li a span::before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 1px;background: var(--theme-color);width: 0;transition: .5s;} body ul.breadcrumb li a:hover span::before{width: 100%;} body a#linkOncekiSayfa {line-height: 30px ; display: none ; color: #000 ; font-size: 12px!important; font-weight: normal;} .leftImage a#linkOncekiSayfa {display: none;} /*ustalan*/ .categoryTitleText {float: left;width: 100%;padding: 15px 0;} .categoryTitle { float: left; width: 100%;} body #divSayfalamaUst { float: right; margin:15px 0 25px;padding:0;text-align: center;} .urunListRel { width: 100%; float: left; position: relative;} .brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0;width: 100%;} .brandlistselection .clear { clear: none;display: none; } .brandlistselection ul {padding: 0;margin: 0;list-style: none;} .brandlistselection .sortingContent{background:#fff;float: right;} .brandlistselection .sortingContent li {float: right; background:transparent;border-radius: 0!important;} .brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;padding: 0;} .blockSelect .sort_hrz{display: none!important;} .blockSelect .sort_2{display: none!important;} .blockSelect .sort_5{display: none!important;} .category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;} .category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;} body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display: none;} /*filtresecili*/ body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 10px;padding:0; width: 100%;display: none;} body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border: 1px solid #666;width: auto;border-radius: 0;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 25px;margin: 0;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family: 'FontAwesome';line-height: 30px;color: #040404;font-size: 15px;font-weight: 300;} body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';} body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #666;font-size: 12px;text-align: left;margin-top: 7px;font-weight:normal;} body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #666;margin-top: 3px;} body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;} body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a{width: 100%; background:transparent;line-height: 1;margin: 0;padding: 0 5px;} body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height:30px;font-weight: normal;font-size: 12px;text-align:center;margin: 0;width: 100%;} /*sayfalama*/ .brandlistselectionBottom { margin-bottom: 0; display: none; } #divSayfalamaAlt { width: 100%; margin:0;} .pageNumber { float: right; text-align: right; margin:0;display: none;} .pageNumber a { } .pageNumberContent { } .pageNumberBottom { float: right; text-align:center;margin:25px 0;padding:0;width: 100%;display:block;vertical-align: middle;} .pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;} .pageNumberContent a, .pageBorder a {border: 1px solid var(--theme-color); min-width:35px;height:35px;line-height:35px;font-size:15px;font-weight:bold;color: #000;background:#fff;border-radius:0;border:none;float:left; position: relative;display: block;text-align:center;margin: 0 5px;overflow: hidden;transition: .5s;} .pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;} .pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: var(--theme-color);} .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: var(--theme-color);} .KategoriFilitrelemeContent .Block_Title { display: none; } /*******************************************KATEGORi**********************************/ /*******************************************URUN DETAY********************************/ .RightDetail > .clear { clear: none; } .ProductDetailMain{float:left;width: 100%;} .ProductDetailMainRow{float:left;width: 100%;} .TopDet { float: left; width: 100%; position: relative;margin:0 0 20px;} .leftImage { width: 66%; float: left; position: relative;padding:0;opacity: 0;visibility: hidden;} .RightDetail { width:34%; float: left; position: sticky;padding: 0 0 0 26px;opacity: 0;visibility: hidden;top: 90px;} .TopDet .leftImage,.TopDet .RightDetail{visibility: visible;opacity: 1;} /*Urun Resim*/ body .leftImage .ProductGallery {float: left;width: 100%;} body .leftImage .ProductGallery .gallery-container {float: left;width: 100%;position: relative;display: flex;flex-direction: column-reverse;gap: 30px;} body .leftImage .ProductGallery .gallery-container .GalleryArea {position: absolute;left: 0;right: 0;top: 0;bottom: 0;cursor: zoom-in;opacity: 0;margin: 0;z-index: 9;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item .zoom-js img{cursor: zoom-in;width: 100%;height: 100%;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;border: none;background:transparent;display: block;position: static;width: 100%;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {float: left;width: 100%;display: flex;flex-wrap: wrap;gap: 5px;padding: 0;overflow: hidden;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left;width: calc(50% - 2.5px);margin-bottom: 0;cursor: pointer;transition: .5s;} body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item:last-child{margin: 0;} body .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;} .ProductGallery .galleryOwl-thumb .thumb-list .thumb-item::before{display: none!important;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer .owl-stage{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer .owl-stage .owl-item{height:100%;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-stage-outer .owl-stage .owl-item .zoom-js{height:100%;} .UrunDetayLeft { margin: 0 !important; overflow: hidden; } .Images,#divVideoGoruntulemeAlan { float: right;cursor: zoom-in;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;} .Images img,#vdUrunVideo { width: 100%!important;height: 100%!important;} .Images img{transition: 2s;transform: scale(1.2);} .Images img.loaded{transform: scale(1);} .cloudzoom-blank > div:last-child { display: none !important; } .SmallImages {display: flex;float: left;width: 100%;margin:0;gap: 5px;flex-wrap: wrap;} .SmallImages div.AltImgCapSmallImg {float: left;width: calc(50% - 2.5px);margin-bottom: 0;cursor: pointer;} .SmallImages div.AltImgCapSmallImg img {max-width: 100%;max-height: 100%;} .SmallImages div.AltImgCapSmallImg:hover{border-color: var(--theme-color);} .SmallImages div.AltImgCapSmallImg.active{border-color: var(--theme-color);} .SmallImages.owl-carousel .owl-stage-outer,.thumb-list.owl-carousel .owl-stage-outer{padding:6px;margin:-6px;width: calc(100% + 6px);} .leftImage .productTimer{display: none!important;} .DetayYeniUrun {display:none!important;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 240px);} body .fullSliderImg .fullSliderThumbWrap{width:228px;} /*sagalan*/ .RightDetail .TopList { float: left; width: 100%; position: relative;} .RightDetail .MiddleList { float: left; width:100%; position: relative;} .RightDetail .BottomList { float: left; width:100%; position: relative;} /*urunadi*/ .ProductName { float:left;position: relative;margin:0;width: 100%;} .ProductName h1 { margin: 0; float: left;width: 100%;} .ProductName h1 span { float: left; width: 100%; display: inline-block; color: #000; font-size: 18px; font-weight:500;} /*stokkodu*/ #divUrunKodu {float:left;clear:left; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; padding: 0;margin:10px 0 0;} #divUrunKodu span{ display:inline-block;vertical-align:top;color: #000; font-size: 14px; font-weight: normal; position: relative; line-height: 14px;float: left;} #divUrunKodu span:after{content: ':';margin: 0 4px;} /*taksitaciklama*/ #divTaksitAciklama { display:block;float: left;clear:left;margin-bottom:10px;width: 100%;} #divTaksitAciklama .taksitSatir {color: #000; font-size: 14px;line-height: 14px;} /*paunver*/ .RightDetail .puanVer {float:left;clear: left;margin: 10px 0 0;} .RightDetail #PuanVer{float: left;margin-top:0;} .RightDetail .PuanVerSag {float: left;color: #000;font-size: 14px;line-height: 15px; margin: 0 0 0 10px;} .RightDetail ul.rating { float: left;padding: 0;margin: 0;list-style: none; } .RightDetail ul.rating li {float: left; margin-right: 0;width: auto;height: auto;padding: 0 1px 0 0;font-size: 0;} .RightDetail ul.rating li i.starItem { font-size: 13px; line-height:15px;height: auto;font-weight: 300;font-family:'FontAwesome';position:static;} .RightDetail ul.rating li i.starItem:before { content: '\f005';} .RightDetail ul.rating li i.starItem:hover { font-size: 13px; font-weight: 600;} .RightDetail ul.rating li.filled i { font-weight: 600;} .RightDetail .rating-stars ul>li.star.hover>i.fa{font-weight:600;} .RightDetail .rating-stars ul>li.star.selected>i.fa{font-weight:600;} .RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul>li.star.hover>i.fa, .RightDetail .rating-stars ul>li.star.selected>i.fa{color: #D8A910;} /*markaresmi*/ .markaresmi { float: left;position: relative; z-index: 1; display: none!important;} .markaresmi a { float: left; } .markaresmi img { max-width: 100%;float: left;} /*magazastok*/ #divMagazaStok{float:left;clear:left; margin:10px 0 0!important;} #divMagazaStok a{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;} /*on yazi*/ #divOnyazi {float:left;width: 100%;} #divOnyazi .teksatir{margin-top: 8px;float: left;width: 100%;font-size: 14px;font-weight: 400;color: #969696;line-height: 17px;letter-spacing: -0.14px;} #divOnyazi h2{font-weight:normal;font-size:100%;} #divOnyazi * {font-family:'Source Sans 3',sans-serif !important;} #divOnyazi strong {font-weight:bold;} #divOnyazi strong * {font-weight:bold;} #divOnyazi i {font-family: 'FontAwesome'!important;margin-right: 12px;} /*fiyatlar*/ .urunDetayFiyatContainer{} .PriceList { float:left;position:relative;width: 100%;padding: 0;margin:25px 0 0;} #pnlFiyatlar { display: inline-block; vertical-align: top;float:left;padding-top: 0;} #divIndirimliFiyat {display: block;float: left;margin-right: 10px;} /*ekbilgi*/ #divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi, #divIndirimOrani{ float:left;clear:left;margin-top:10px;line-height:14px;} #divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line, #divIndirimOrani .left_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;} #divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line, #divIndirimOrani .center_line{ display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;} #divMarka .right_line,#divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line,#divIndirimOrani .indirimliOrani, #divIndirimOrani .indirimliOrani *{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;width: auto;} /*piyasa fiyati*/ .PiyasafiyatiContent {display:block;float: left;margin: 0 10px 0 0;} .PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none;} .PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;} .PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:normal; text-decoration: line-through;} .PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: top;} /*indirimli fiyati*/ .IndirimliFiyatContent {display: block;float: left;} .IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none;} .IndirimliFiyatContent .right_line { display: inline-flex;vertical-align:top;align-items: center;} .IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; } .IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;} .PriceList:has(#divKDVDahilFiyat) .IndirimliFiyatContent .right_line .spanKdv{display: inline-block!important;vertical-align: middle;} .PriceList:has(#divKDVDahilFiyat) #divIndirimliFiyat .IndirimliFiyatContent .right_line .spanFiyat{text-decoration: line-through;} /*turk lirasi fiyati*/ #divTurkLirasiFiyat { display: block;} #divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none;} #divTurkLirasiFiyat .right_line { display: inline-block;} #divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; } /*indirimsiz fiyati*/ #divIndirimsizFiyat {display: block;} #divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none;} #divIndirimsizFiyat .right_line { display: inline-block;font-weight: normal; } #divIndirimsizFiyat .right_line * {display: inline-block!important;vertical-align:top;} #divIndirimsizFiyat .right_line .spanKdv {display: none!important;vertical-align:top;} /*kdv dahil fiyati*/ #divKDVDahilFiyat { display: block;float: left;margin-top: 0;} #divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top;font-weight: normal;margin-right: 5px;} #divKDVDahilFiyat .center_line { display: none;} #divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;} #divKDVDahilFiyat span.left_line.lineTitle{display:none;} /*fiyatrenk*/ .PiyasafiyatiContent .right_line *{color: #959595; font-size: 20px;} .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line, #divIndirimsizFiyat .left_line{color: #000;} #divIndirimliFiyat .IndirimliFiyatContent .right_line *{color:#000000;} .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *{font-size: 20px; font-weight: 600;} #divKDVDahilFiyat .left_line,#divKDVDahilFiyat .right_line *,#divIndirimsizFiyat .left_line,.IndirimliFiyatContent,.IndirimliFiyatContent .right_line *, .PiyasafiyatiContent,.PiyasafiyatiContent .right_line *,#divTurkLirasiFiyat ,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat,#divKDVDahilFiyat {line-height: 22px;} /*Stok yok*/ body #divStokYok{float: left;width: 100%;margin:20px 0 0;font-size: 14px;color: #000;font-weight: normal;text-align: center;padding: 5% 0;background-color: #f2f5f6;border-radius: 0;} body #divStokYok:before{content: '\f057';font-family:'FontAwesome';font-weight:300;width: 100%;float: left;font-size: 30px;margin-bottom: 20px;} /*Urun ekstrabilgileri*/ #divEkstraBilgiler { float: left;clear:left;margin-top: 10px;} #divEkstraBilgiler img { max-width: 100%;display:block;} .btnnostok i.fa{font-family: 'FontAwesome';} /*varyasyonlar*/ #divUrunEkSecenek { float: left;width: 100%;position: relative;margin: 0 0 20px;} #divUrunEkSecenek .eksecenekLine {clear: none !important;margin:20px 0 0;float: left;width: 100%;} #divUrunEkSecenek .eksecenekLine:last-child {margin-bottom:0!important;border: none;padding-bottom: 0;} #divUrunEkSecenek .eksecenekLine .left_line {float: left;width:100%;line-height: 40px;color: #000;font-size: 15px;font-weight:500;} #divUrunEkSecenek .eksecenekLine .center_line {display: none;} #divUrunEkSecenek .eksecenekLine .right_line { display: inline-block;vertical-align:top;} #divUrunEkSecenek .eksecenekLine .right_line .size_box {float: left;cursor: pointer;text-align:center;font-size: 15px;position: relative;color: #000;font-weight: 500;margin:0 10px 10px 0;} #divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;} /*selectvaryasyon*/ #divUrunEkSecenek .eksecenekLine.selectvaryasyon {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 50%;position: relative;border-radius: 0;overflow: hidden;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {border: 1px solid #e9e9e9; min-width: 100%;float: left;height: 50px;color: #000;font-size: 15px;font-weight: 500;padding: 0 10px;background: #fff;border-radius:0;position: relative;z-index: 2;transition: .5s;cursor: pointer;padding: 0 15px;text-indent: 0;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select:hover{border-color: var(--theme-color);} /*resimlivaryasyon*/ #divUrunEkSecenek .eksecenekLine.resimlivaryasyon {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line{} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line {} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width: 30px;border: 1px solid transparent;transition: .5s;border-radius: 50%;padding: 2px;overflow: hidden;} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img{border: 1px solid #e9e9e9;border-radius: 50%;} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover{border-color: var(--theme-color);} #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected{border-color: var(--theme-color);} /*kutuvaryasyon*/ #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width: 44px;height: 40px;line-height: 38px;text-align:center;border:1px solid #D9D9D9;border-radius:0;padding: 0 5px;transition: .5s;overflow: hidden;position: relative;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {border-color: var(--theme-color);} #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {border-color: var(--theme-color);} /*stokyokvaryasyon*/ #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;background: #f5f3f3;color: #7a7979;border-color: #e4dfdd;} #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px;margin:0 auto; background: #cecece; left: 0;right:0; top: 50%; position: absolute;transform:rotate(140deg);-webkit-transform:rotate(140deg);} /*ilgili Urunler*/ #IlgiliUrunDiv { float: left; width: 100%;} #IlgiliUrunDiv #divIlgiliUrunler {} .TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:0;padding: 0;} .TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; } .TopDet #IlgiliUrunDiv .JKatAdi{float: left;width: 100%;margin: 0!important;padding: 0!important;text-align:left;} .TopDet #IlgiliUrunDiv .JKatAdi .bold{padding: 0;margin: 0;text-align:left;} .TopDet #IlgiliUrunDiv .JKatAdi .bold:before{display: none;} .TopDet #IlgiliUrunDiv .JKatAdi .bold:after{display: none;} .TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1{background:transparent;padding: 0!important;margin: 0;border: none;font-size: 13px;line-height: 40px;font-weight: normal;color: #000;} .TopDet #IlgiliUrunDiv .clear { display: none; } .TopDet #IlgiliUrunDiv ul { float: left;width: 100%;padding: 0;margin: 0;list-style: none;} .TopDet #IlgiliUrunDiv ul li { float: left; width:50px;margin-right: 10px;margin-bottom: 10px; border-radius: 0;overflow:hidden;} .TopDet #IlgiliUrunDiv ul li:hover {} .TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0;box-shadow:none!important; } .TopDet #IlgiliUrunDiv ul li .productItem .productTimer {display: none!important;} .TopDet #IlgiliUrunDiv ul li .productItem .productImage {padding: 0;} .TopDet #IlgiliUrunDiv ul li .productItem .productImage a {} .TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {display: none!important;} .TopDet #IlgiliUrunDiv ul li .productItem .productImage img {} .TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; } .TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; } .TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; } body #productDetailRelated{padding:40px 0 0;} body #productDetailRelated .JKatAdi{margin:0 0 3px;} body #productDetailRelated .JKatAdi .bold{text-align: left;} body #productDetailRelated .JKatAdi .bold .satir1{font-size:15px;font-weight:600;color:#000000;line-height:19px;} body #productDetailRelated>a{width:75px;padding:0;margin:0 10px 10px 0;position:relative;background: #fff;border-radius: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 0 3px 6px #00000029;} body #productDetailRelated>a img{border:none;mix-blend-mode: multiply;} body #productDetailRelated>a:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid transparent;transition:.5s;border-radius: 0;} body #productDetailRelated>a:hover:after{border-color:var(--theme-color);} body #productDetailRelated>a.active:after{border-color:var(--theme-color);} /*satinal*/ #divSatinAl { float: left;width: 100%;margin:25px 0 0;padding: 0;} .BasketBtn { float: left; position: relative;width: 100%;} #divAdetCombo .right_line,.RightDetail .riSingle{width: 120px;} #txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input, .buyfast input{height: 50px;} .Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown{line-height: 40px;} /*Adet Select*/ #divAdetCombo { display: block!important;position:relative;float: left;clear: left;} #divAdetCombo .center_line { display: none !important; float: left; } #divAdetCombo .right_line { float: left;max-width: 100%!important;} #divAdetCombo select { width: 100%; padding: 0 10px; text-align: left;} /*Adet input*/ .RightDetail .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;} .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { width: 40px !important;font-size: 0; background:transparent;top:0;font-weight: normal; position: absolute;margin: 0 !important; float: left; cursor: pointer; text-indent: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;border-radius: 0;} .RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {width: 10px;position: relative;z-index: 2;} .RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill: #000;transition: .5s;} .RightDetail .riSingle a.riUp {left:auto;right:0;} .RightDetail .riSingle a.riDown {left:0;} /*adetveselect*/ .Basketinp { display: block;position: relative;float: left;clear: left;} .BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color: #000;font-size: 14px;font-weight: normal;margin:0;float: left;clear:left;line-height: 40px;} #txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; } #txtbxurunSiparisAdedi {width: 100% !important; text-align: center; display: inline-block;padding: 0; appearance: none; -moz-appearance: none;-webkit-appearance: none;} #txtbxurunSiparisAdedi, #divAdetCombo select { background: #fff;color: #000;border:1px solid #000;font-size: 16px;font-weight: 500;float: left;margin: 0;border-radius:0;} /*sepete Ekle*/ #divKombinSatinAl, .basketBtn , .buyfast { float: left;margin: 0 0 0 10px;} #divKombinSatinAl a, .buyfast input, .basketBtn input {color: #fff; font-weight: 500; font-size:16px; width:100%;display: inline-block;vertical-align:top; padding: 0; letter-spacing:0;border:none; border-radius:0;text-transform:uppercase; -moz-appearance: none;-webkit-appearance: none;border: 1px solid #000;} .basketBtn{width: calc(100% - 130px);margin: 0 0 0 10px;} /*Hemen Al*/ .buyfast {width: 100%;margin:10px 0 0 0;} .buyfast input {} body .basketBtn input:hover{background:#fff;color:#000;} body .buyfast input:hover{background:#fff;color:#000;} /*kombin Al*/ #divKombinSatinAl {margin: 10px 0 0 0;width: 100%;} #divKombinSatinAl a{font-size: 15px;margin: 0!important;font-weight: 600;color: #fff;position: relative;z-index: 2;background: transparent;transition: .5s;line-height: 48px;} #divKombinSatinAl a:hover{background: transparent;color: #fff;} /*Iconlar*/ .ProductIcon {float: left;width: 100%;margin-top: 20px;display: flex;flex-wrap: wrap;gap: 10px 40px;} .ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:14px;text-align: center;} .ProductIcon .box1 i {display: none;} .ProductIcon .boxIcon {background: transparent;border-radius: 0;margin: 0 6px 0 0; fill:#000; width:auto;height:25px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;} .ProductIcon .boxIcon svg{height:18px;position: relative;z-index: 2;} .ProductIcon .boxIcon svg path{transition: .5s;} .ProductIcon > div{float: left;position: relative;position: relative;margin: 0;width: auto;} .ProductIcon > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;flex-direction: row;gap: 5px;padding: 0;background: transparent;color: #000;font-size: 14px;font-weight: 400;} .ProductIcon > div > a:hover{background:transparent!important;} /*yazdiryorumtavsiye*/ .ProductIcon2 {float: left;width: 100%;margin-top: 10px;display: flex;flex-wrap: wrap;gap: 10px 40px;} .ProductIcon2 .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #000;font-size:14px;text-align: center;} .ProductIcon2 .box1 i {display: none;} .ProductIcon2 .boxIcon {background: transparent;border-radius: 0;margin: 0 6px 0 0; fill:#000; width:auto;height:25px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;position: relative;overflow: hidden;} .ProductIcon2 .boxIcon svg{height:16px;position: relative;z-index: 2;} .ProductIcon2 .boxIcon svg path{transition: .5s;} .ProductIcon2 > div{float: left;position: relative;position: relative;margin: 0;width: auto;} .ProductIcon2 > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;flex-direction: row;gap: 5px;padding: 0;background: transparent;color: #000;font-size: 14px;font-weight: 400;} .ProductIcon2 > div > a:hover{background:transparent!important;} /*paylas*/ .TopDet .product_social_icon_wrapper{float: left;width: 100%;display: block!important;font-size: 0;margin-top: 10px;text-align: left;} .TopDet .product_social_icon_wrapper .PaylasTit{float: left;color: #000;font-size: 14px;font-weight: 600;line-height: 30px;margin-right: 10px;} .TopDet .product_social_icon_wrapper ul{display: inline-block;vertical-align:top;list-style: none;padding: 0;margin: 0;} .TopDet .product_social_icon_wrapper ul li{float: left;margin-right: 10px;} .TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;} .TopDet .product_social_icon_wrapper ul li a{float: left;fill: #fff;background: #fff;font-size: 14px;border-radius: 100%;text-align:center;width: 30px;height: 30px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;} .TopDet .product_social_icon_wrapper ul li a svg{width: 15px;} .TopDet .product_social_icon_wrapper ul li:nth-child(1) a{} .TopDet .product_social_icon_wrapper ul li:nth-child(2) a{} .TopDet .product_social_icon_wrapper ul li:nth-child(3) a{} .TopDet .product_social_icon_wrapper .UWhatsApp {float: left;margin-right: 0} .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp{float: left;color: #fff;background: #6dc33a;font-size: 0;border-radius: 100%;text-align:center;width: 30px;} .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i{line-height: 30px;display: inline-block;vertical-align:top;font-size: 14px;} /*whatsapp*/ .socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important;} .socialButons iframe { float: left;} .product-social { float: left; margin-right: 10px; } .product-social span { float: left; line-height: 32px; display: inline-block; color: #000; font-size: 12px; font-weight: 300; margin-right: 5px; } .product-social ul { float: left; } .product-social ul li { float: left; margin-right: 13px; } .product-social ul li a { display: block; color: #323232; font-size: 18px; } /*urun ozellik Bolumu*/ .urunOzellikTab{display: none;} .urunOzellik { float: left; width:100%;margin:50px 0 0;display: block;} .urunOzellik .urunTab {float:left;width: 100%;} .urunOzellik .urunTab ul {display: inline-flex;vertical-align:top;float: left;width: 100%;padding: 0;margin: 0;list-style: none;flex-wrap: wrap;gap: 10px;justify-content: center;} .urunOzellik .urunTab >ul > li{float:left;background:#fff;position:relative;overflow:hidden;border-radius:0;} .urunOzellik .urunTab >ul > li:last-child{margin-right: 0;} .urunOzellik .urunTab >ul > li > a {cursor:pointer;color: #000;font-size: 14px;float:left;font-weight:500;padding: 0;height: 42px;display: flex;align-items: center;justify-content: center;text-align: center;position: relative;z-index: 2;transition: .5s;} .urunOzellik .urunTab >ul > li > a span{font-weight:normal;} .urunOzellik .urunTab >ul > li:hover > a {color: #000;} .urunOzellik .urunTab >ul > li.active > a {color: #000;} .urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding:0;margin: 0 0 30px;} .urunTabAlt strong { font-weight: bold; } .urunTabAlt #txtOneriMail{margin: 0;height: 30px;padding: 0 10px;width: 100%!important;border-width: 1px;} .urunTabAlt #txtOneriNot{margin: 0;padding: 10px;width: 100%!important;background: #fff;} .urunTabAlt {font-family:'Source Sans 3',sans-serif !important;padding:0;float:left;width:100%;font-size:14px;line-height:24px;color:#5B5B5B;} .urunTabAlt * { font-family:'Source Sans 3',sans-serif !important;} .urunTabAlt i { font-family: 'FontAwesome' !important; } .urunTabAlt img { max-width: 100% !important; } .urunTabAlt iframe { max-width: 100% !important;} .urunTabAlt .button { padding: 10px 5px; color: #fff; } .tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;} .tabUrunOneriler ul li{float: left;width: 100%;} .oneriValidate .validate { top: 0; padding: 5px; } .urunTabAlt ul li { margin-bottom: 5px; clear: both; } .urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; } .urunTabAlt ul li label { float: left; width: auto !important;line-height: normal;} .urunTabAlt ul li input[type="checkbox"] { margin-top: 0; } .urunTabAlt .teknikDetay{display: none;} .urunTabAlt p{margin: 0;} /*------------------------------------Etiketler--------------------------------------------*/ #divEtiketler { float: left; width: 100%; padding:0 20px 20px; margin:50px 0 0;background: #fff;text-align:center;} #divEtiketler .productModuleTitle {float: left; color: #202122; font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin:10px 0; } #divEtiketler a { color: #696d71; font-size: 13px; } #divEtiketler a:hover {text-decoration:underline;} /****************************************Slider Alanlar*********************************/ /*Baslik*/ #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative;width: 100%;padding:60px 0 25px;margin:0;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:left;position: relative;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height: normal;color: #000;font-size: 32px;font-weight:500;display: inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;text-transform: uppercase;} /*ilerigeributon*/ #divInstashopResim .owl-carousel .owl-nav{display:block!important;} #mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:10px;left:10px;top:calc(50% - 10px);} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:0;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:0;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext, #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {background:transparent; border-radius:0;border:none;width: auto;height:20px;cursor: pointer; text-align: center;position: absolute; font-size: 0;display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;overflow: hidden;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .InstaGalleryprev:hover, .owl-carousel .owl-nav .ProductListprev:hover{} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover, .owl-carousel .owl-nav .InstaGallerynext:hover, .owl-carousel .owl-nav .ProductListnext:hover{} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.owl-carousel .owl-nav .InstaGalleryprev:before,.owl-carousel .owl-nav .InstaGallerynext:before,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {display: none;} #mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots{display: none;float: left;width: 100%;text-align:center;margin-top: 20px;} #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot{width: 12px;height: 12px;background: #fff; border: 1px solid #000;margin: 0 4px;border-radius: 0;display: inline-block;vertical-align:top;transition: .3s;} #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active{background: #000;} #mainHolder_divDesign .owl-carousel .owl-nav > div:hover,.owl-carousel .owl-nav > div:hover{background: transparent;} #mainHolder_divDesign .owl-carousel .owl-nav > div:hover span:after,.owl-carousel .owl-nav > div:hover span:after{color: #000;} #mainHolder_divDesign .owl-carousel .owl-nav > div span:after,.owl-carousel .owl-nav > div span:after{content:'';font-size:30px;color:#000000;font-family:'FontAwesome';font-weight: 300;transition: .5s;position: relative;z-index: 2;} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .ProductListprev span:after, .owl-carousel .owl-nav .InstaGalleryprev span:after{content: '\f104';} #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .ProductListnext span:after, .owl-carousel .owl-nav .InstaGallerynext span:after{content: '\f105';} #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span,body .owl-carousel .owl-dots .owl-dot span{display:none!important;} /*urunslider*/ .sliderBannerContainer { float: left; width: 100%; position: relative;margin:0;} .sliderBannerContainer .Block_Link{display:block!important;} .sliderBannerContainer .ProductList { display: block !important;margin: 0 auto;} .sliderBannerContainer .Jbutonlar { display: none; } .sliderBannerContainer .jCarouselLite {float: left;width: 100%;} /*detayurunslider*/ .detaySliderContainer { float: left; width: 100%; position: relative;margin:0;} .detaySliderContainer .ProductList { display: block !important;margin: 0 auto;} .detaySliderContainer .Jbutonlar { display: none; } .detaySliderContainer .jCarouselLite {float: left;width: 100%;} /*pnlSlider*/ #pnlSlider {position:relative;float: left;width:100%;margin:0;padding: 0;} #pnlSlider ul {list-style: none;padding: 0;margin: 0;} #pnlSlider ul li { display: block; } #pnlSlider ul li a { display: block; } #pnlSlider ul li a img { width: 100%; display: block;} #pnlSlider .flex-control-nav {position: absolute;bottom: 20px;right:0;left: 0;} #pnlSlider .flex-control-paging li {margin: 0 2px;} #pnlSlider .flex-control-paging li a {float: right; width: 11px;height:11px;border-radius:0;border:none;box-shadow:none;text-shadow:none;background: #fff;} #pnlSlider .flex-control-paging li a.flex-active {background: var(--theme-color);} #pnlSlider .flex-direction-nav { position: absolute;left:20px;right: 20px;top: 45%;} #pnlSlider .flex-direction-nav li {display: inline-block;vertical-align:top;} #pnlSlider .flex-direction-nav .flex-nav-prev {float: left;} #pnlSlider .flex-direction-nav .flex-nav-next {float: right;} #pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next {color: #fff;border:none;background:transparent;width:auto;height: auto;border-radius:0; top: 0;margin: 0;padding: 0;box-shadow:none;opacity: 1;font-size: 0;position: relative;text-shadow:none;text-align:center;} #pnlSlider .flex-direction-nav .flex-prev{left: 0;} #pnlSlider .flex-direction-nav .flex-next{right: 0;} #pnlSlider .flex-direction-nav .flex-prev:before, #pnlSlider .flex-direction-nav .flex-next:before {font-size: 0;} #pnlSlider .flex-direction-nav .flex-prev:before {} #pnlSlider .flex-direction-nav .flex-next:before {} #pnlSlider .flex-direction-nav .flex-prev:hover, #pnlSlider .flex-direction-nav .flex-next:hover {} #pnlSlider .flex-direction-nav a:before { text-shadow: none; } #pnlSlider .flex-direction-nav a:after { text-shadow: none; } #pnlSlider .HPSItems .flex-control-thumbs {position: static;background: #fff;text-align:center;} #pnlSlider .HPSItems .flex-control-thumbs li {display: inline-block;vertical-align:top;float: none;max-width: 100%;} #pnlSlider .HPSItems .flex-control-thumbs img {opacity: 1;} #pnlSlider .HPSItems .flex-control-thumbs .flex-active {} .HomePageSlideShowContainer {float: left;width: 100%;position:relative;} .HomePageSlideShowContainer .HomePageSlideShow { padding: 0;width: 100%;} .HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; } .HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; } /*sitekodlari*/ .hesabimAnasayfaMenuler ul li a:hover .fa{color: #fff;} .siparisTakipSayfasi { background: #fff; } .siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; } .sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; } .popupSepet { width: 99%; } .popupSepet #hed div { width: 94%; } .sayfaIcerik * { font-family:'Source Sans 3',sans-serif !important; } #mainHolder_UrunDetay_imgCookie { display: none !important; } .product_social_icon_wrapper { display: none; } .HesabimContainer .urunDetayPanel { max-height: 100%; } .orders { width: 100%; } .TumKategoriler { display: none; } .mobilMenuAcButton,.searchClick, .mycartClick, .welcomeOpen { display: none; } .userLoginBtn, .userSignBtn { border: none !important; } .magazaTeslimatBilgisiContent{display: none;} #store_region_container{display: none;} #ticimaxCopyright{float: left;width: 100%;} section{float: left;width: 100%;} .sepetimBody .Basketstep ul li.pasif{opacity: 1;} .sepetimBody ul{padding: 0;margin: 0;list-style: none;} .sepetimBody .sepetItemB1 span.KampanyaTanimSpan{display: inline-block;} /*Site ici scroll alanlar*/ #divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar{width: 3px;} #divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track{ background: #C2C2C2;border-radius: 0;} #divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb{background: var(--theme-color);border-radius: 0;} /*Site ici scroll alanlar*/ /*------------------------------------Sabit Renkler--------------------------------------------*/ /*sepetvebutonrenk*/ body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a , .pageNumberContent a:hover, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellikTab .urunTab >ul >li[onofftip="true"] > a, .tooltip-inner, .welcome.active, .sepetimBody .Basketstep ul li.aktif{ background: var(--theme-color); } /*bordercolor*/ .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover, .OdemeMenu ul li.activeMenu{ border-color: var(--theme-color);} /*tooltip*/ .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: var(--theme-color);} .tooltip.right .tooltip-arrow {border-right-color: var(--theme-color);} .tooltip.left .tooltip-arrow {border-left-color: var(--theme-color);} .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: var(--theme-color);} .baglanButton { border-color: transparent; } .Basketstep ul li:before { border: 1px solid var(--theme-color);} .sepetimBody .Basketstep ul li.aktif:after{border-top-color:var(--theme-color); } /*color*/ .sepetTitle .st_1,body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut, body .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, .iletisimContent .categoryTitle .categoryTitleText, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik, body.sepetimBody .mobileAddition > .addition-content > .TotalPrice, body.sepetimBody .mobileAddition > .addition-content::before{color: var(--theme-color);} /*HoverRenk*/ .button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover >a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover, .ProductIcon2 > div > a:hover{ background: #333;} /*colorhover*/ .BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover, .CartProduct .SProduct li a:nth-child(2):hover *{color: #333;} /*bordercolorhover*/ body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.BasketPage .alisverisedevamet:hover, .CartProduct .headerCartBtn:hover{border-color: #333;} /*color*/ .siparisOzetTakip {color: #fff;} .BasketDetail table tbody tr td a { display: inherit; } .BasketDetail table tbody tr td:last-child a { display: block; } .sepetimBody #header:after { display: none; } body .alisverisedevamet{background: var(--theme-color);line-height:30px;padding:0 15px;} body .alisverisedevamet:hover{border:none;} .sepetimBody .MobileHeaderControl .item .cart-btn{padding:11px;height:40px;border-radius:0;} body .puanlamaBolumu .blok span{display:flex;align-items:center;gap:5px;} /*bordercolor*/ .KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; } .BasketPage a.YeniAdresEkle:hover {color: #fff !important; } .baglanButton:hover { background: transparent; } body .adresGir .kirmiziButon:hover {background: #9e1a20!important;color: #fff !important;} body .adresGir .yesilButon:hover {background:#406d20!important;color: #fff !important;} /*------------------------------------Sabit Renkler--------------------------------------------*/ .divRelatedProductsPopup .ulRelatedProducts{list-style: none;padding: 0;margin: 0;width: 100%;} .bottomHead {display: none;} #divSliderYani {display: none;} body {background: #fff;} .ProductList ul{margin: 0;padding: 0;list-style: none;} .blokSonYazilar ul{margin: 0;padding: 0;list-style: none;} .blogKategori ul{margin: 0;padding: 0;list-style: none;} .blogCenter ul{list-style: none;} .blogRight ul{margin: 0;padding: 0;list-style: none;} .navigation .navUl ul{padding:0;margin:0;list-style: none;} #footer .socialdiv ul{padding: 0;margin: 0;list-style: none;} #footer .store ul{padding: 0;margin: 0;list-style: none;} #footer .linkler .blink ul{padding: 0;margin: 0;list-style: none;} .category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;} .category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;} .TopDet .product_social_icon_wrapper ul{list-style: none;padding: 0;margin: 0;} .tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;} .sepetimBody ul{padding: 0;margin: 0;list-style: none;} body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;} .mobilMenu ul{list-style: none;padding: 0;margin: 0;} .bottomHead ul{margin: 0;list-style: none;padding: 0;} .breadList ul{list-style: none;padding: 0;margin: 0;} .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;} .CartProduct ul {list-style: none; padding: 0; margin: 0; } .welcome ul {margin: 0;list-style:none;padding: 0;} .brandlistselection ul {padding: 0;margin: 0;list-style: none;} .TopDet #IlgiliUrunDiv ul { padding: 0;margin: 0;list-style: none;} #pnlSlider ul {list-style: none;padding: 0;margin: 0;} .mBread ul {list-style: none;padding: 0;margin: 0;} body .sagIcerikTutucu .hsbmLabel .hsbmCheckbox{margin:0 4px;} body .NewAddress i{display:none;} .adresDefterim.ng-scope .row{margin:0;} .NewAddress a{padding:10px;transition:.3s;} .NewAddress a:hover{background:var(--theme-color);color:#fff;} /*Sağ Sepet*/ /*body .miniCartRigth,body .miniCartGiftCodeContent{padding:0 20px;width:400px} body .miniCartRigthHeader{position:relative;background:#fff;height:80px} body .miniCartRigthHeader .spnCartTxt{left:0;transform:translateY(-50%);font-size:16px;color:#222;text-align:left;font-weight:500;letter-spacing:.16px;text-transform:uppercase} body .miniCartRigthHeader .header-close-btn{width:20px;display:flex;align-items:center;justify-content:center} body .miniCartRigthHeader .header-close-btn svg{fill:#a0a2af;transition:.3s;width:14px;height:14px} body .miniCartRigthHeader .header-close-btn:hover svg{fill:#f02828} body .miniCartRigthScroll{height:calc(100dvh - 100px);padding-top:0} body .miniCartRigthScroll::-webkit-scrollbar{width:0} body .miniCartSatir1.bottom:first-child,.miniCartSatir1.bottom:nth-child(2),.miniCartSatir2:nth-child(3),.miniCartSatir2:nth-child(2),.miniCartSatir1.bottom.subTotalVatIncluded:nth-last-child(3){display:none} body .hediyeCekiBtnContent{display:none} body .miniCartItem{display: block;float: left;width: 100%;} body .miniCartContent{padding:0;width:100%;height:calc(100% - 110px);overflow: auto;} body .miniCartContent::-webkit-scrollbar{width: 0;height: 0;} body .miniCartItem .miniCartRight{max-width:100px;float: left;} body .miniCartItem .miniCartLeft{max-width:calc(100% - 120px);display: block;float: left;width:calc(100% - 120px);padding-left: 10px;} body .miniCartDetail{font-size:14px;font-weight:400;color:#343a4f;line-height:20px;gap:0;flex:0;position:static;order:1} body .miniCartDetail span.minimarka{display:none} body .miniCartDetail span.miniurunAdi a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:400;color:#222;line-height:20px} body .miniCartDetail span.ministokKodu{display:none} body .miniCartButtonSil{position:absolute;top:0;margin:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center} body .miniCartButtonSil svg{display:none} body .miniCartItem .miniCartLeft .miniCartButtonSil a{font-size:0;max-width:100%;flex:none;height:100%} body .miniCartButtonSil a:after{content:'\f057';font-family:fontawesome;font-size:14px;color:#a0a2af;transition:.3s;font-weight:300} body .miniCartButtonSil a:hover:after{color:#f02828} body .miniCartDetail span{float:left;width:100%;} body .miniCartDetay{order:3;margin-top:6px} body .miniCartItemprice{flex-direction:row;align-items:center;order:2;margin-top: 10px;} body .miniCartItemprice .DiscountPrice.lineThrough{font-size:14px;font-weight:400;color:#e98960} body .miniCartItemprice .CartPrice{font-size:14px;font-weight:500;color:#222;} body .miniCartSatir1.bottom.totalAmount{border:none;margin:24px 0 18px;min-height:20px;padding:0} body span.miniCartCol1{font-size:15px;font-weight:700;color:#222;text-transform:uppercase} body span.miniCartCol2{font-size:15px;font-weight:700;color:#222} body .miniCartSatir2{padding:0;margin-top:0;border: none;} body .miniCartSatir2 .checkoutAsGuestButton,body .miniCartSatir2 .signInButton{height:40px;line-height:38px;padding:0;background:#fff;border:1px solid #222;font-size:13px;font-weight:400;color:#222;text-transform:uppercase;transition:.3s;border-radius:5px} body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{background:#222;border-color:#222;color:#fff} body .miniCartDetayItem.adettanim{display:none} body .miniCartDetayItem.eksecenek{font-size:13px;font-weight:400;color:#222} body .miniCartDetayItem.eksecenek span:first-child:after{content:'/';margin-left:3px} body .miniCartSatir2 a.modalDevamEtBTn{height:40px;line-height:38px;padding:0;background:#fff;border:1px solid #222;font-size:13px;font-weight:400;color:#222;text-transform:uppercase;transition:.3s;border-radius:5px;float:left;width:100%;margin-top:10px;text-align:center} body .miniCartSatir2 a.modalDevamEtBTn:hover{background:#222;color:#fff} body .miniCartHr{margin:10px 0;background:#e1e1e1;height:1px;float: left;width: 100%;} body .miniCartSatir2 .signInButton{border-radius:5px;} body .miniCartItemprice > div{display:none;} body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartItemprice .CartPrice{display:block;} body .miniCartItem .miniCartLeft .adettanim3 input{text-indent:0;} body .miniCartDetayItem.adettanim > div.adettanim3{display:block;margin: 5px 0 0;} body .miniCartItem .miniCartRight a{height:100%;} body .miniCartItem .miniCartRight a img{height:100%;object-fit:cover;} body .miniCartDetay .adettanim3 label{display:none;}*/ /*Sağ Sepet*/ body .account-item .nav-dropdown ul{padding:0;margin:0;list-style:none;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl{padding:0;margin:0;list-style:none;} body .account-item .header-button-useLogin > ul{padding:0;margin:0;} body .header-cart-hover ul{list-style:none;} .detayFixed{display: none;} #divIndirimOrani .left_line,#divIndirimOrani .center_line{display:none;} #divIndirimOrani .indirimliOrani{font-size:0;} #divIndirimOrani .indirimliOrani #ltrIndirimOrani{font-size:20px;font-weight:500;color:var(--theme-color);line-height:22px;} #divIndirimOrani .indirimliOrani #ltrIndirimOrani:before{content: '-%';} #divIndirimOrani{clear:none;margin:0 10px 0 0;} /*------------Genel Background--------------*/ a#linkSecilenleriSil,body #hed div.hediCekForm a, body .uyeOlContainer #btnSave,body .tabLink a, body .siparisBosBtn a,body .favoriBosBtn a, body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a, body .NewAddress a,body .iletisimIzinSave a, body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .alisverisedevamet, body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{background:var(--theme-color)!important;} body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{border-color:var(--theme-color);} body .urunTabAlt .button{padding:7px 20px;border-radius:0;} body #divNewUyeGirisContent .newUserLoginBtn, body .newUyeOlContainer .newUserLoginBtn, body .acountDoneContainer .acountDoneLoginBtn, body .pageSifreOlustur .newUserLoginBtn, body .pageSifremiUnuttum .newUserLoginBtn, body .commentTicimax .commentTiciNewCommentButton, body #sepetEkleModal .divAltButonlar a{background: var(--theme-color);transition: .3s;border-radius: 0;} body #divNewUyeGirisContent .newUserLoginBtn:hover, body .newUyeOlContainer .newUserLoginBtn:hover, body .acountDoneContainer .acountDoneLoginBtn:hover, body .pageSifreOlustur .newUserLoginBtn:hover, body .pageSifremiUnuttum .newUserLoginBtn:hover, body .commentTicimax .commentTiciNewCommentButton:hover, body .urunTabAlt .button:hover, body #sepetEkleModal .divAltButonlar a:hover{background: #333;} body .userDivTab ul li.active span{border-color: #333;color: #333;} /*------------Genel Hover--------------*/ a#linkSecilenleriSil:hover,body .uyeOlContainer #btnSave:hover, body .userLoginBtn:hover,body .userSignBtn:hover, body .button.basketCompletebtn:hover,body .tabLink a.aktif, body .tabLink a:hover,body .siparisBosBtn a:hover, body .favoriBosBtn a:hover,body .yesilButon:hover, body .commentNone .commentNoneText .commentNoneButton a:hover, body .NewAddress a:hover,body .iletisimIzinSave a:hover, body .kuponOlustur .kuponOlusturButon:hover,body .hesabimMenuDon:hover,body .alisverisedevamet:hover, body #hed div.hediCekForm a:hover{background:#333!important;} /*-------------Genel Color-------------*/ a#linkSecilenleriSil,body .uyeOlContainer #btnSave,body .miniCartSatir2 .checkoutAsGuestButton:hover,body .miniCartSatir2 .signInButton:hover{color:#fff!important;} body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a, body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon{color: #fff;} /*-------------Genel Radius-------------*/ body.sepetimBody .basketCompletebtn,body #hed div.hediCekForm a,body .sepetItem, body .kirmiziButon,body .kuponOlustur .kuponInput,body .sagIcerikTutucu .satirBlok .hsbmTextbox, body .sagIcerikTutucu .satirBlok .hsbmSelect, body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a,body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a, body .NewAddress a,body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .uyeOlContainer #btnSave, body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .miniCartSatir2 .signInButton, body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .hesabimAnasayfaMenuler ul li a,body .miniCartSatir2 .checkoutAsGuestButton, body .siparisListeBos,body .favoriListeBos,body .commentNone,body .hesabimForm .satirBlok .hsbmTextarea,.sepetimBody .MobileHeaderControl .item .cart-btn, .BasketDetail,body .BasketRigth.BasketHediyeCeki,#hed div.hediCekForm input,.BasketRigth,body .alisverisedevamet,a#linkSecilenleriSil, body .textbox.txtSepetAdet,body .miniCartBos{border-radius:0!important;} /*-------------Genel Page Bacground-------------*/ body .sepetItem,body .icerikIkiliBlok,body .UyelikSilmeAktifDiv,body .solAnaMenu,body .hesabimForm,body .BasketDetail.BasketDetailCargo.ng-scope, body .hesabimAnasayfaMenuler ul li a,body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol,body .siparisListeBos, body .favoriListeBos,body .commentNone{background:#F8F8F8;} /*------------Genel Border None--------------*/ a#linkSecilenleriSil,body .sepetItem,body .tabLink a,body .siparisBosBtn a,body .favoriBosBtn a, body .yesilButon,body .commentNone .commentNoneText .commentNoneButton a,body .NewAddress a, body .iletisimIzinSave a,body .kuponOlustur .kuponOlusturButon,body .hesabimMenuDon,body .NewAddress, body .uyeOlContainer #btnSave,body .userContainer .userLeftBox,body .userContainer .userRightBox, .uyeOlContainer #FrmYeniUye > .uyeOlCol{border:none!important;transition: .3s;} /*-----------Genel Color Sepet---------------*/ body .miniCartItemprice .DiscountPrice.lineThrough,body .miniCartButtonSil a:hover:after{color:#333;fill:#333} /*------------Genel Padding--------------*/ body .userContainer .userLeftBox,body .userContainer .userRightBox,.uyeOlContainer #FrmYeniUye > .uyeOlCol, body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{padding: 20px;} /*--------------------------*/ a#linkSecilenleriSilAlt{display:none!important;} body.sepetimBody{background:#fff;} body .uyeOlContainer #btnSave{padding: 0;line-height: 39px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:calc(50% - 10px);} body ng-form#FrmYeniUye{display:flex;justify-content:space-between;float: left;width: 100%;} body .alisverisedevamet{line-height:38px;padding:0 15px;} body .UyelikSilmeAktifDiv{margin-top: 20px;width: 50%;} body .hesabimMenuDon{padding:0 10px;line-height:32px;margin-bottom: 20px;} body .solAnaMenu,body .hesabimForm{padding:15px 20px;} section.elementor-section.mid .footerTempRow{justify-content:space-between;} section.elementor-section.mid .footerTempRow > div{width:auto;} section.elementor-section.mid .footerTempRow > div:last-child{width:500px;} section.elementor-section.bottom .footerTempRow{align-items: center;justify-content: center;} section.elementor-section.bottom .footerTempRow > div{} #headerNew{position:sticky;top:0;z-index:998;transition:background .2s ease,border-color .2s ease;background:#fff;width: 100%;border-bottom:1px solid transparent;} #headerNew.fixed{top:0;border-bottom-color:#e6e6e6;} #headerNew.fixed.gectop{top:0;} body .miniCartBos{border:1px solid var(--theme-color);font-size:15px;padding:10px;width: calc(100% - 20px);margin-left: 10px;} body:has(.ticimaxModal),body:has(.newHeaderNavigation.mobileStyle.mobileactive){overflow:hidden!important;padding-right: 17px;} body:has(.filterBlock.active){overflow:hidden!important;} body .leftImage .drift-container{display:none!important;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav{width:auto;padding:0;left:20px;right:20px;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div{width:40px;height:40px;opacity: 1!important;position: relative;overflow: hidden;border-radius: 0;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:0;line-height:normal;border-radius:0;border:none;color:#000;} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-prev span:after{content:'\f104';} body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-next span:after{content:'\f105';} body .footerTemp .socialMedia li a i,body .footerTemp .storeMedia li a i{padding:0!important;width:38px!important;height:38px;transition:.5s;border: 1px solid #585858;} body .footerTemp .socialMedia li a:hover i,body .footerTemp .storeMedia li a:hover i{background:transparent!important;color:#fff!important;margin-top: 5px;border-color: #fff;} body .footerTemp .socialMedia li a:hover span,body .footerTemp .storeMedia li a:hover span{color:#000!important ;} body .footerTemp .socialMedia li a span,body .footerTemp .storeMedia li a span{transition: .3s;} i.fab.fa-tiktok.icon:before{font-family:'FontAwesomeBrands';content:'\e07b';} body .footerTemp .footerMenuAlt a{line-height:30px;position: relative;transition: .5s;} body .footerTemp .footerMenuAlt a::after{} body .footerTemp .footerMenuAlt a:hover{padding-left: 10px;margin-right: -10px;} ul.footerText strong{margin:0 3px;} ul.footerText li{font-weight:300;} body .pageNumber .productCountInfo{font-size:13px;font-weight:400;color:#4B4849;} body .pageNumber .productCountBar{display:none;} body .pageNumber .divMoreProducts .button{margin:13px 0 0;background: #fff;font-size: 16px;color: #444444;line-height: 45px;padding: 0 40px;border-radius: 0;overflow: hidden;position: relative;transition: .5s;border: 1px solid #000;} body .pageNumber .divMoreProducts .button:hover{color: #fff;background: #000;} /*body .header-dil-content #lang_flag_container #langHover{padding:0!important;cursor: pointer;} body .header-dil-content #lang_flag_container #lang{line-height:normal!important;background:none!important;padding:0!important;min-height:40px!important;} body .header-dil-content #lang_flag_container #lang:after{content:'\f107';font-family:'FontAwesome';display:block;line-height:40px;margin-left:5px;font-weight:300;transition: .5s;} body .header-dil-content #lang_flag_container #lang-detail{display:block!important;transform:translateY(-140%);visibility:hidden;opacity:0;transition:.5s;} body .header-dil-content #lang_flag_container.active #lang-detail{transform:translateY(0);visibility:visible;opacity:1;} body .header-dil-content #lang_flag_container.active #lang:after{transform:rotate(180deg);margin-top:-2px;}*/ .svgIcon.cart-svg,.svgIcon.fav-svg,.svgIcon.mem-svg,.svgIcon.menu-svg,.svgIcon.search-svg,.svgIcon.search-times{display:flex;align-items: center;gap: 10px;} body .solAnaMenu ul li.Active > ul li a:After{top:50%;transform:translateY(-50%);height:auto;} .mobilaf{position:fixed;right:0;left:0;width:100%;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;display:none;-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s;} .mobilaf.acik{display:block;} body .relatedProductsColor{bottom:20px;left:20px;right:auto;} body .ticimaxModal .modal-close{line-height:22px;} body .divRelatedProductsPopup .ulRelatedProducts img{width:100%;} body .ulRelatedProducts li{width:calc(25% - 8px);} .siparisBosBtn a.ng-binding:nth-child(2){display:none;} body .header-favori-item a.favori-link .header-favori-count,body .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{margin-top:-10px;margin-left:-5px;} body:has(.homepage) #headerNew{background:transparent;} body:has(.homepage) #headerNew:hover{background:#fff;} body:has(.homepage) #headerNew.fixed{background:#fff;} body:has(.homepage) #headerNew:has(.dropactive){background:#fff;} body:has(.homepage) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a{color:#fff;} body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after{color:#000;} body #hb-logo svg,body #hb-logo img{transition:1s;} body:has(.homepage) #hb-logo svg{fill:#fff;} body:has(.homepage) #hb-logo img{filter: invert(1);} body:has(.homepage) #headerNew:hover #hb-logo svg, body:has(.homepage) #headerNew.fixed #hb-logo svg, body:has(.homepage) #headerNew:has(.dropactive) #hb-logo svg{fill:#000;} body:has(.homepage) #headerNew:hover #hb-logo img, body:has(.homepage) #headerNew.fixed #hb-logo img, body:has(.homepage) #headerNew:has(.dropactive) #hb-logo img{filter: invert(0);} body:has(.homepage) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{color:#fff;transition: .1s;} body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{color:#000;} body:has(.homepage) .header-favori-item a.favori-link .header-favori-count{color:#fff;transition: 1s;} body:has(.homepage) #headerNew:hover .header-favori-item a.favori-link .header-favori-count, body:has(.homepage) #headerNew.fixed .header-favori-item a.favori-link .header-favori-count, body:has(.homepage) #headerNew:has(.dropactive) .header-favori-item a.favori-link .header-favori-count{color:#000;} body .header-favori-item a.favori-link .svgIcon svg path{transition:1s;} body:has(.homepage) .header-favori-item a.favori-link .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #headerNew.fixed .header-favori-item a.favori-link .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) .header-favori-item a.favori-link .svgIcon svg path{stroke:#000;} body #divTopProductSearch .newSearcBtnClick a .svgIcon svg path{transition:1s;} body:has(.homepage) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) #headerNew.fixed #divTopProductSearch .newSearcBtnClick a .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path{stroke:#000;} body #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path{transition:1s;} body:has(.homepage) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew.fixed #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) #divHeaderUyeV2 a.account-link.headerButon .svgIcon svg path{stroke:#000;} body .cart-item a.header-cart-link.headerButon .svgIcon svg path{transition:1s;} body:has(.homepage) .cart-item a.header-cart-link.headerButon .svgIcon svg path{stroke:#fff;} body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .svgIcon svg path, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .svgIcon svg path{stroke:#000;} /* Panelden başlık ikonları SVG'den FontAwesome'a çevrildi → .svgIcon svg path artık yok, anasayfadaki şeffaf başlıkta beyaz / başlık beyazlayınca siyah davranışı i için yazıldı. Sadece masaüstü: ≤1099'da başlık zaten beyaz zeminli, ikonlar siyah kalmalı. */ @media (min-width:1100px){ body #headerNew .cart-item a.header-cart-link i, body #headerNew #divHeaderUyeV2 a.account-link i, body #headerNew .header-favori-item a.favori-link i, body #headerNew #divTopProductSearch .newSearcBtnClick a i, body #headerNew .mobile-menu-item i{transition:1s;} body:has(.homepage) #headerNew .cart-item a.header-cart-link i, body:has(.homepage) #headerNew #divHeaderUyeV2 a.account-link i, body:has(.homepage) #headerNew .header-favori-item a.favori-link i, body:has(.homepage) #headerNew #divTopProductSearch .newSearcBtnClick a i, body:has(.homepage) #headerNew .mobile-menu-item i{color:#fff;} body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link i, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link i, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link i, body:has(.homepage) #headerNew:hover #divHeaderUyeV2 a.account-link i, body:has(.homepage) #headerNew.fixed #divHeaderUyeV2 a.account-link i, body:has(.homepage) #headerNew:has(.dropactive) #divHeaderUyeV2 a.account-link i, body:has(.homepage) #headerNew:hover .header-favori-item a.favori-link i, body:has(.homepage) #headerNew.fixed .header-favori-item a.favori-link i, body:has(.homepage) #headerNew:has(.dropactive) .header-favori-item a.favori-link i, body:has(.homepage) #headerNew:hover #divTopProductSearch .newSearcBtnClick a i, body:has(.homepage) #headerNew.fixed #divTopProductSearch .newSearcBtnClick a i, body:has(.homepage) #headerNew:has(.dropactive) #divTopProductSearch .newSearcBtnClick a i, body:has(.homepage) #headerNew:hover .mobile-menu-item i, body:has(.homepage) #headerNew.fixed .mobile-menu-item i, body:has(.homepage) #headerNew:has(.dropactive) .mobile-menu-item i{color:#000;} } body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew.fixed .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:has(.dropactive) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a, body:has(.homepage) #headerNew:hover .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after, body:has(.homepage) #headerNew.fixed .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after, body:has(.homepage) #headerNew:has(.dropactive) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after{color:#000;} /*siteozelalan*/ #top-bar{position: relative;z-index: 998;display: flex;justify-content: center;} body .newHeaderNavigation:not(.mobileStyle) .menu-wrap{border-top:1px solid #E3E3E3;padding:40px 60px;display:none;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-wrap{display:none;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span{position:relative;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a > span:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;height:2px;background:#000;width:0;transition:.5s;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a > span:after{width:100%;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li .menu-list-kolon .kolon{flex:0 0 auto!important;} body .newHeaderNavigation:not(.mobileStyle) .menu-list-kolon{gap:90px;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon{margin-left:0;} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(2){} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(3){} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(4){} body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover .menu-list-kolon .kolon:nth-child(5){} body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a{transition:.5s;} body .newHeaderNavigation:not(.mobileStyle) .nav-submenu > li > a:hover{padding-left:10px;margin-right: -10px;} .main.multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{right:60px;top:auto;padding:0;left:60px;bottom:20%;transition:1.5s;transform:translateY(70px);visibility:hidden;opacity:0;gap:10px;transition-delay: .5s;} .main.multiBlockSliderWrapper .owl-item.active .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{transform:translateY(0);visibility:visible;opacity:1;} .main.multiBlockSliderWrapper .bannerButtonWrapper{overflow:hidden;position:relative;cursor:pointer;background:#fff;border-radius:0;border: 1px solid #fff;margin-top: 20px;} .main.multiBlockSliderWrapper .bannerButtonWrapper a{min-width: 220px;padding: 0 15px;line-height: 48px;font-size: 16px;font-weight: 400;} .main.multiBlockSliderWrapper .bannerButtonWrapper:hover a{color:#000!important;background: #fff!important;} .main.multiBlockSliderWrapper .owl-item.active .bannerWrapper img{transition: 1s;transform: scale(1)!important;transition-delay: .2s;} .main.multiBlockSliderWrapper .bannerTitle{font-weight:400;font-size: 80px;} .main.multiBlockSliderWrapper .bannerSubTitle{font-weight:400;font-size: 20px;} .main.multiBlockSliderWrapper .bannerWrapper img{transition: 1s;transform: scale(1.2)!important;} .main.multiBlockSliderWrapper .owl-item.active .bannerWrapper img{transition: 1s;transform: scale(1)!important;transition-delay: .2s;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding:0 0 0 5px;} .txcol-sm-3.hide-mobile{padding:0 15px 0 0!important;border-radius: 0;overflow: hidden;} .productMarka{display:none!important;float:left;width:100%;font-size:13px;font-weight:300;color:#000000;margin: 0 0 5px;} .boxUrunlerContent{float:left;width:100%;margin:10px 0 0;display: none;} .productDetail .boxUrunlerContent{display: block;} .boxUrunlerContainer{float:left;width:100%;display:flex;flex-wrap:wrap;gap:5px;} .boxUrunlerContainer > div{} .boxUrunlerContainer > div > a{width:25px;overflow:hidden;border:1px solid transparent;padding:2px;border-radius:50%;height:25px;transition:.3s;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;} .boxUrunlerContainer > div a img{border:1px solid #e9e9e9;border-radius:50%;position: relative;z-index: 2;float: left;width: 100%;height: 100%;} .boxUrunlerContainer > div:hover{border-color:var(--theme-color);} .boxUrunlerContainer > div.active{border-color:var(--theme-color)!important;} .boxUrunlerContainer > div:first-child{border-color:var(--theme-color);} .boxUrunlerContainer:has(.active) > div:first-child{border-color:var(--theme-color);} .boxUrunlerContainer:has(.active) > div:first-child:hover{border-color:var(--theme-color);} .sliderBannerContainer .owl-carousel .owl-stage,.detaySliderContainer .owl-carousel .owl-stage{display:flex;} .sliderBannerContainer .owl-carousel .owl-stage li,.detaySliderContainer .owl-carousel .owl-stage li{height:100%;} .sliderBannerContainer .owl-carousel .owl-stage-outer,.detaySliderContainer .owl-carousel .owl-stage-outer{padding: 1px;} .hizliKargoIcon,.cargoIcon,.newIcon,.discountIcon{display:none;} .productIconEx{position:absolute;left:10px;top:10px;z-index:9;} .productIconEx > div{display:flex!important;float:left;clear:left;width:auto;height:auto;line-height:24px;overflow:hidden;background:var(--theme-color);border-radius:0;margin:0 0 5px;color:#fff;font-size:12px;font-weight:400;align-items:center;text-align:center;justify-content:center;transition: .5s;min-width: 46px;padding: 0 5px;text-transform: uppercase;} .productIconEx > div.discountIcon{background: var(--theme-color);} .productIconEx > div.firsatIcon,.productIconEx > div.hizliKargoIcon{} .productIconEx > div > span{font-weight: 400;} .productIconEx > div.newIcon{} .productIconEx > div:hover{margin-left: 5px;} .ozelAlan5,.ozelAlan4,.ozelAlan3,.ozelAlan2,.ozelAlan1{display:none;} .productIconExSpecial{float: left;width: 100%;display: flex;flex-wrap: wrap;gap: 5px;margin-top: 10px;} .productIconExSpecial > div{float:left;margin:0;display:block;background:var(--theme-color);padding:5px;min-width:80px;border-radius:0;color:#fff;font-size:12px;border-radius: 0;transition: .5s;text-align: center;} .productIconExSpecial > div:hover{margin: -5px 0 5px;} body #divIcerik div.anasayfa_tek_slider{overflow:hidden;width: 100%;} .bannerWrapper{border-radius:0;overflow:hidden;} body #mainHolder_divDesign .ticimaxTabHead{margin:0 0 20px;} body #mainHolder_divDesign .ticimaxTabHead ul{padding:0;margin:0;list-style:none;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:20px;font-weight:400;color:#000;padding:0 30px;background:#F7F7F7;transition:.5s;position:relative;z-index:2;letter-spacing: -0.13px;height: 48px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;} body #mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a{background:var(--theme-color);color:#000;color: #fff;;} body #mainHolder_divDesign .ticimaxTabHead li{margin:0 15px 0 0;cursor:pointer;padding:0;float: left;} body #mainHolder_divDesign .ticimaxTabHead li:hover a{color:#fff;background:var(--theme-color);} .ticimaxAnasayfaTab .Block_Link{top:-60px;right: 70px;transition: .5s;visibility: hidden;opacity: 0;transition-delay: .5s;} .ticimaxAnasayfaTab.active .Block_Link{right: 0;visibility: visible;opacity: 1;} body .footerTemp .newsletterContent #btnMailKaydet{overflow:hidden;z-index: 2;flex-direction:row-reverse;gap:5px;transition: .5s;} body .footerTemp .newsletterContent #btnMailKaydet i:before{content:'\f178';font-weight:300;font-size:20px;} body .footerTemp .newsletterContent #btnMailKaydet i{position:relative;z-index:2;transition: .5s;} body .footerTemp .newsletterContent #btnMailKaydet:hover i{color: #000!important;} body .footerTemp .newsletterContent #btnMailKaydet:hover{background: #fff!important;} body:has(.categoryContainer) ul.breadcrumb{padding:0;} body:has(.homepage) .header-main{border-color:transparent;} body:has(.homepage) #headerNew.fixed .header-main{border-color: #D8D8D8;} .FiltreBtn{float:left;display:flex;border:1px solid var(--theme-color);border-radius:0;gap:5px;align-items:center;padding:0 12px;cursor:pointer;height:30px;font-size:16px;position:relative;overflow:hidden;transition:.3s;background: #fff;} .FiltreBtn span,.FiltreBtn img{position:relative;z-index:2;transition:.3s;color:#000000;} .FiltreBtn:hover{background: var(--theme-color);} .FiltreBtn:hover img,.FiltreBtn:hover span{filter:invert(1);} .categorydesign p{font-size:14px;font-weight:400;color:#000000;line-height:24px;margin:0;} .categorydesign p strong{font-size:18px;font-weight:bold;color:#000000;margin-bottom:15px;float:left;width:100%;} div#mainHolder_divKategoriBaslik{max-height:110px;overflow-x:hidden;overflow-y:auto;padding:0 20px 0 0;} div#mainHolder_divKategoriBaslik::-webkit-scrollbar{width:3px;} div#mainHolder_divKategoriBaslik::-webkit-scrollbar-track{background:#C2C2C2;border-radius:0;} div#mainHolder_divKategoriBaslik::-webkit-scrollbar-thumb{background:#000000;border-radius:0;} .productDetail a.itemCategory{display: block;} a.itemCategory{margin:0 0 10px;float:left;font-size:13px;font-weight:300;color:#fff;transition:.3s;display: none;clear: left;padding: 5px 10px;border-radius: 0;overflow: hidden;background: var(--theme-color);position: relative;border: 1px solid #000;} a.itemCategory:hover{color:#000;background: #fff;} .productOnYazi{float:left;width:100%;margin:10px 0 0;} .productStokKodu{float:left;width:100%;margin:10px 0 0;} .productSatisBirimi{float:left;width:100%;margin:10px 0 0;} .productDetail > .productMarkaLogo{display:flex!important;} .productMarkaLogo{float:left;width:100%;height:55px;align-items:center;justify-content:center;margin: 0 0 5px;} .productMarkaLogo img{margin:0 auto;max-height: 100%;} .itemCategoryLine{position:relative;z-index:2;} body .productItem:hover .quickViewIco {display: block;} .productIconExButtons{position:absolute;bottom: calc(100% + 5px);right:5px;z-index:9;transition: .5s;visibility: hidden;opacity: 0;transform: translateY(10px);left: 5px;} .productItem:hover .productIconExButtons{visibility: visible;opacity: 1;transform: translateY(0);} .productIconExButtons > div{width:100%;display:block;overflow:hidden;border-radius:0;position:relative;float: left;width: 100%;top: auto;bottom: 0;right: 0;left: auto;margin:5px 0 0;} .productIconExButtons > div a{line-height:40px;font-size:16px;font-weight:400;color:#000000;text-align:center;float:left;width:100%;background:#fff;position:relative;padding:0;transition:.5s;z-index:2;display: flex;align-items: center;justify-content: center;} .productIconExButtons > div a i{display: none;} .productIconExButtons > div a:hover{background:var(--theme-color)!important;color:#fff;} .productIconExButtons > div.favori,.productIconExButtons > div.mycartIcon{} body .collectionModalAdd .collectionAddModalBottom{padding:0 10px 10px;} .productIconExButtons > div.examineIcon{display: none!important;} body #hizliBakis{width: 1160px;border-radius:0;padding:20px 20px 20px 20px;} body div#hizliBakisAltAlan{float:left;width:1160px;padding: 20px 20px 20px 20px;} body .divHizliBakisUrunOzellikleri{padding:20px 0 0;} body #hizliBakisAltAlan .ProductList .JKatAdi{padding:20px 0;} body #hizliBakisAltAlan .ProductList .JKatAdi .bold .satir1{font-size:24px;} div#divHizliBakisBenzerUrun{float:left;width:100%;margin-top:20px;} body .ProductPreviewContent{width:100%;max-width: 100%;padding: 0;} body .ProductPreviewContent > ul{padding:0;margin:0;list-style:none;} body .ProductPreviewLeft{width:500px;margin:0;} body .PreviewImages{width:100%;} body .PreviewallImages{display:none;} body .PreviewselectedImages{padding-bottom:128%;border:none;border-radius:0;overflow:hidden;border-radius: 0;} body .PreviewselectedImages .PreviewselectedImagesBox{padding-bottom:128%;} body .ProductPreviewRight{width:calc(100% - 500px);padding:0 0 0 30px;} body .hizliBakis_Name{font-size:18px;font-weight:bold;color:#000000;} body .hizliBakis_stokKodu{font-size:14px;color:#898989;} body .ProductPreviewForm div#divFiyatAlanlari{margin:20px 0 0;float: left;width: 100%;} body .ProductPreviewForm div#divFiyatAlanlari .kombinFormline{display:none;} body span.kdvYazi{display:none;} body .hizliBakis_UstuCiziliFiyat{font-size:14px;font-weight:400;color:#686868;float:left;line-height:20px;text-decoration:line-through;margin-right:10px;} body .hizliBakis_Price{float:left;font-size:18px;line-height:20px;color:#000000;} body .ProductPreviewForm div#divKombinUrunEkSecenek{margin:30px 0 0;float: left;width: 100%;} body .kombinleft_line{padding:0 0 10px;font-size:14px;font-weight:bold;color:#000;float: left;width: 100%;} body .kombinright_line a{min-width:44px;height:40px;line-height:38px;border-radius:0;margin:0 10px 10px 0;transition:.3s;color:#000;padding: 0 10px;border: 1px solid #D9D9D9;} body .kombinright_line a:has(img){height:30px;overflow:hidden;min-width:30px;width:32px;padding: 2px;border-radius: 50%!important;float: left;} body .kombinright_line a img{border-radius: 50%;border:1px solid #e9e9e9;width: 100%;height: 100%;} body .kombinright_line a:hover{border-color:var(--theme-color);color: #000;} body .ProductPreviewForm .clear{display:none;} body .kombinFormline .kombinright_line{float:left;width:100%;} .divKombinEksecenekTipi{float:left;width:100%;} body .hizliBakis_Adet{float:left;clear:left;margin:20px 0 0;} body .hizliBakisSepeteEkle{max-width:100%;border-radius:0;line-height:43px;padding:0;text-align:center;margin:0!important;background: var(--theme-color);z-index: 2;position: relative;font-size: 16px;font-weight: 400;color: #fff;width: 100%;border: 1px solid var(--theme-color);} body .hizliBakisSepeteEkle:hover{background:#fff;color: #000;} body .kombinkutuluvaryasyon a.size_box,body .kombinright_line a.size_box{border-radius:0;background:#fff;position:relative;z-index:2;overflow:hidden;border:none;border: 1px solid #D9D9D9;border-radius: 0;} body .kombinkutuluvaryasyon a.size_box.selected,body .kombinright_line a.size_box.selected{background:#fff;color:#000;border-color: var(--theme-color);} body .hizliBakis_Adet .riSingle .riDown,body .hizliBakis_Adet .riSingle .riUp{width:46px;height:46px;border:1px solid #ECECEC;border-radius:0;background:#fff;position:relative;overflow:hidden;} body .hizliBakis_Adet .riSingle{border:none;border-radius:0;display:flex;gap:10px;padding:0;width:auto!important;} body .hizliBakis_Adet .riSingle .riDown:hover,body .hizliBakis_Adet .riSingle .riUp:hover{border-color: var(--theme-color);background: #fff;} body .hizliBakis_Adet .riSingle .riDown:after,body .hizliBakis_Adet .riSingle .riUp:after{transition:.5s;color:#000;position: relative;z-index: 2;} body .hizliBakis_Adet .riSingle input{width:46px;height:46px!important;background:#ECECEC;border-radius:0;border: 1px solid #ECECEC;} .divHizliBakisFavorilerimeEkle{float:left;width:100%;margin:10px 0 0;} .divHizliBakisFavorilerimeEkle a{height:45px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:0;overflow:hidden;position:relative;border: 1px solid var(--theme-color);color: #000;font-size: 16px;} .divHizliBakisFavorilerimeEkle a:hover{background: var(--theme-color);color: #fff;} .divHizliBakisFavorilerimeEkle a span i{display:none;} div#divNextProduct{display:none;} body .account-item .nav-dropdown{display:block;visibility:hidden;opacity:0;transform:translateY(20px);transition:.5s;} body .account-item:hover .nav-dropdown{visibility:visible;opacity:1;transform:translateY(0);} body .cart-item:not(.mobileStyle) .header-cart-hover{visibility:hidden;opacity:0;display:block;transform:translateY(20px);transition:.5s;} body .cart-item:not(.mobileStyle):hover .header-cart-hover{visibility:visible;opacity:1;transform:translateY(0);} .proDetailArea{float:left;width:100%;margin:15px 0 0;display:flex;align-items:center;gap:10px;flex-wrap: wrap;} div#divOzelAlan1,div#divOzelAlan2,div#divOzelAlan3,div#divOzelAlan4,div#divOzelAlan5{display:none;} .proDetailArea > div{display:block!important;padding:7px 12px;background:var(--theme-color);color:#fff;border-radius:0;transition:.5s;font-size:13px;transform:translateY(0);} .proDetailArea > div:hover{transform:translateY(5px);} div#divUrunDetayKombin{float:left;width:100%;margin-top:10px;} div#kombinUrunler{float:left;width:100%;} .kombinContent{float:left;width:100%;} .kombinContent > ul{float:left;width:100%;padding:0;list-style:none;margin:0;} body .kombinItem{padding:20px;border-radius:0;border:1px solid #e9e9e9;margin: 0 0 10px;} body .kombinItem .kombinleftImage{width:200px;} body .kombinItem .kombinRightDetail{width:calc(100% - 200px);padding:0 0 0 15px;} body .kombinItem .kombinImages img{border-radius:0;max-width:100%;} body .kombinItem .kombinImages .selectedImagesLink{float:left;width:100%;margin:10px 0 0;padding:10px;text-align:center;background:#fff;border-radius:0;overflow:hidden;position:relative;z-index: 2;transition: .3s;font-size: 14px;color: #000;font-weight: 500;border: 1px solid var(--theme-color);} body .kombinItem .kombinImages .selectedImagesLink:hover{color: #fff;background: var(--theme-color);} body .kombinFormline .kombinright_line{font-size:16px;line-height:normal;} ul#specialFieldsList{display:none;} .PriceListKombin{float:left;width:100%;} .PriceListKombin div#divFiyatAlanlari{float:left;width:100%;margin:10px 0 0;} body #divFiyatAlanlari .kombinFiyat2{font-size:15px;} body .KombinTopluSatinAlimBtn a{width:100%;background:#fff;color:#000;font-size:16px;font-weight:600;position:relative;z-index:2;padding: 0;line-height: 48px;border: 1px solid var(--theme-color);} body .KombinTopluSatinAlimBtn a:hover{background:var(--theme-color);color:#fff;} body .kombinItem .kombinRightDetail .divKombinUrunEkSecenek{margin-top:15px;} body .kombinright_line select{min-width:100%;float:left;height:50px;color:#000;font-size:15px;font-weight:500;background:#fff;border-radius:0;position:relative;z-index:2;transition:.5s;border:none;cursor:pointer;padding:0 10px;text-indent:0;border: 1px solid #e9e9e9;} body .kombinright_line select:hover{border-color: var(--theme-color);} body .kombinselectvaryasyon{width:100%;position:relative;border-radius:0;overflow:hidden;z-index:2;} body .kombinright_line select option{color:#000!important;} .PriceListKombin a.button{background:#fff;color:#000;font-size:16px;font-weight:500;float:left;width:100%;padding:0;line-height:45px;display:flex;position:relative;z-index:2;border-radius:0;overflow:hidden;transition:.5s;margin-top: 10px!important;border: 1px solid var(--theme-color);} .PriceListKombin a.button:hover{color:#fff;background: var(--theme-color);} .fancybox-outer .kombinContent{padding:20px;} .hizliBakis_marka{float:left;width:100%;margin:15px 0 0;} .hizliBakis_marka a, .UrunuIncele a{border-radius:0;padding:0 20px;line-height:35px;background:#fff;overflow:hidden;position:relative;z-index:2;float:left;width:auto!important;color:#000;font-weight:500;transition:.5s;font-size: 16px;border: 1px solid var(--theme-color);} .hizliBakis_marka a:hover, .UrunuIncele a:hover{color:#fff;background: var(--theme-color);} body .hizliBakis_ozyazi{float:left;width:100%;max-width:100%;line-height:1.4;font-size:14px;font-weight:400;color:#828282;} .hizliBakis_SalesUnit{float:left;width:100%;margin:10px 0 0;font-weight:600;} body .divHizliBakisUrunOzellikleri .TabBaslik span{border-radius:0 0 0 0;padding:15px 25px;font-size:15px;font-weight:500;} body .divHizliBakisUrunOzellikleri .TabIcerik{border-radius:0 0 0 0;} .hizliBakis_aciklama span{font-size:14px!important;} div#hizliBakisTahminiTeslimatSuresi{float:left;width:100%;margin-top:20px;} .hizliBakis_DiscountRate{margin:0 0 0 10px;float:left;padding:10px;margin-top:-8px;background:var(--theme-color);border-radius:0;color:#fff;display:flex;align-items:center;} body .istekDetayIcerik .favoriUrunDetay .favoriUrunDetaySag .divItem a, body .collectionButtonList ul li .collectionButton.collectionTabBtn, body .collectionButtonList ul li .collectionButton.collectionNewBtn, body #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton a, body #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton.orderCompleteButton a, body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn, body .collectionModalAdd .collectionAddModalMiddle ul li .urlToCollection a, body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection, body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear, body .karsilastirPopupContent .popupIcerik .compareTip a{border-radius:0;background:#fff;color:#000;overflow:hidden;position:relative;z-index:2;border:none;padding:10px 15px;transition:.5s;border: 1px solid var(--theme-color);font-size: 16px;} body .istekDetayIcerik .favoriUrunDetay .favoriUrunDetaySag .divItem a:hover, body .collectionButtonList ul li .collectionButton.collectionTabBtn:hover, body .collectionButtonList ul li .collectionButton.collectionNewBtn:hover, #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton a:hover, body #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton.orderCompleteButton a:hover, body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn:hover, body .collectionModalAdd .collectionAddModalMiddle ul li .urlToCollection a:hover, body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection:hover, body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear:hover, body .karsilastirPopupContent .popupIcerik .compareTip a:hover{color:#fff;background: var(--theme-color);} body .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a:hover,body .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a{border:1px solid var(--theme-color);background:#fff;width:30px;height:30px;overflow:hidden;position:relative;} div#IlgiliKombinlerDiv{float:left;width:100%;margin-top:0;} body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet, body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn label{background:#fff;position:relative;z-index:2;width:100%;border-radius:0;line-height:45px;color:#000;padding:0;transition:.5s;border: 1px solid var(--theme-color);} body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn, #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn{background:#fff;border-radius:0;overflow:hidden;position:relative;border: 1px solid var(--theme-color);color: #000;transition: .5s;font-size: 14px;} body #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet:hover, #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn:hover label{color:#fff;background: var(--theme-color);} body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn label{line-height: 35px;} body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear{padding: 0;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;} #TavsiyeEt button,#TelefonSiparis button{border-radius:0!important;} #TavsiyeEt button:hover,#TelefonSiparis button:hover{background:var(--theme-color)!important;} body .commentTicimax .commentTiciNewCommentButton{font-size: 15px;padding: 12px 25px;} body .fancybox-inner::-webkit-scrollbar{width:0;height:0;} body .newHeaderNavigation:not(.mobileStyle) .menu-list-image{justify-content:flex-end;} body .karsilastirPopupContent .popupIcerik .compareTip a{padding:0;line-height:45px;font-size:16px;font-family:'Source Sans 3';font-weight:600;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj{margin-bottom:0;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productItem{width:100%;position:relative;text-align:center;display:inline-block;float:left;border-radius:0;overflow:hidden;transition:.3s;padding:0;height:100%;transition:.5s;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productItem:hover{border-color: var(--theme-color);} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productPrice div *{font-size:14px!important;font-family:'Source Sans 3';} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productPrice > div{margin:0!important;} body .karsilastirPopupContent .popupIcerik .compare-products .ItemOrj .productPrice{float:left;width:100%;margin-top:10px;} body #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .js--image-preview{border-radius:0;overflow:hidden;} body #yorumYaz input[type="text"],body #yorumYaz textarea,#yorumYaz select{border-radius:0;} /*---------------Sağ Sepet-----------------*/ body .miniCartSatir2 a.checkoutAsGuestButton{background:#fff;color:#000;font-weight:500;font-size:14px;position:relative;overflow:hidden;border: 1px solid var(--theme-color);} body .miniCartSatir2 a.checkoutAsGuestButton span{position:relative;z-index:2;} body .miniCartSatir2 a.checkoutAsGuestButton:hover{background:var(--theme-color)!important;color: #fff;border-color: var(--theme-color);} body .miniCartItem .miniCartLeft .adettanim3 a{width:40px;height:40px;float:left;background:#fff;border:1px solid var(--theme-color);border-radius:0;color:#000;transition:.5s;overflow:hidden;position:relative;} body .miniCartItem .miniCartLeft .adettanim3 input{height:40px!important;border:1px solid var(--theme-color);width:40px!important;border-radius:0;float:left;padding:0;margin:0 10px;text-indent:0;} body .adettanim3{width:auto;} body .miniCartItem .miniCartLeft .adettanim3 a:hover{color:#fff;background: var(--theme-color);} body .miniCartDetay .adettanim3 label{margin-bottom:5px;} body .miniCartRigthHeader{background:#fff;} body .miniCartRigthHeader .spnCartTxt{color:#000;font-size:14px;font-weight:600;text-align:left;padding-left:9px;} body .miniCartRigthHeader .header-close-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;right:10px;border-radius:50%;background:#fff;overflow:hidden;} body .miniCartRigthHeader .header-close-btn svg{transition:.5s;fill:#000;width:11px;position:relative;z-index:2;} body .miniCartRigthHeader .header-close-btn:hover svg{fill:#fff;} body .miniCartRigthHeader .header-close-btn:hover{background: var(--theme-color);} body .hediyeCekiBtnContent{padding-left:.5rem;padding-right:.5rem;} body .hediyeCekiBtnContent a span{position:relative;z-index:2;transition: .5s;} body .hediyeCekiBtnContent a{border-radius:0;padding:15px;position:relative;overflow:hidden;border: 1px solid var(--theme-color);color: #000;transition: .5s;} body .hediyeCekiBtnContent a:hover{color: #fff;background: #e9e9e9;} body .miniCartSatir2 .checkoutAsGuestButton{background:#fff;color:#000;border-radius:0;position:relative;z-index:2;line-height:45px;padding:0;border:none;transition:.5s;border: 1px solid var(--theme-color);} body .miniCartSatir2 .checkoutAsGuestButton:hover{background:var(--theme-color)!important;color: #fff;} body div#divRigthCartGiftCodeContent .miniCartGiftInput input{height:45px;border-radius:0;padding:0 15px;} /*---------------Sağ Sepet-----------------*/ div#pnlFiyatlar:has(#divKDVDahilFiyat) #divIndirimsizFiyat{display:none;} body #yorumYaz .alert-info a{padding:10px 25px;border-radius:0;overflow:hidden;background:#fff;color:#000;transition:.5s;position:relative;z-index:2;border: 1px solid var(--theme-color);} body #yorumYaz .alert-info a:hover{color:#fff;background: var(--theme-color);} body #sepetEkleModal .divAltButonlar a.modalDevamEtBTn, body #sepetEkleModal .divAltButonlar a.modalSepetimBtn{background:#fff;color:#000;overflow:hidden;position:relative;z-index:2;transition:.5s;border: 1px solid var(--theme-color);} body #sepetEkleModal .divAltButonlar a.modalDevamEtBTn:hover, body #sepetEkleModal .divAltButonlar a.modalSepetimBtn:hover{color:#fff;background: var(--theme-color);} #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img,.cd-image-container img,ul#ulMarkaSliderTemplateData li a img{transition:1s;transition-delay:.5s;transform:scale(1.2);} #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img.loaded,#mainHolder_divDesign .blokResimLink:not(.widgetCenterImage) img.loading,.cd-image-container img.loaded,ul#ulMarkaSliderTemplateData li a img.loaded{transform:scale(1);} body #mainHolder_divDesign .blokResimLink:not(.widgetCenterImage){overflow:hidden;} body .cd-image-container{overflow:hidden;border-radius: 0;} #divIcerik .owl-carousel.multiBlokSlider:not(.owl-loaded) .bannerWrapper:first-child{display:block;} #divIcerik .owl-carousel.multiBlokSlider:not(.owl-loaded) .bannerWrapper{display:none;} /*--------------UST----------*/ body .category-vertical-filters.top-filters{display:block!important;width:450px;position:fixed;top:0;left:-100%;bottom:0;z-index:9999;background:#FFFFFF;margin:0;padding:0 25px;border:none;transition:all .3s ease;overflow-x:hidden;overflow-y:auto;border-radius: 0 10px 10px 0;} body .category-vertical-filters.top-filters ul{list-style:none;padding:0;margin:0;} body .filterBlock.active .category-vertical-filters.top-filters{left:0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{float:left;width:100%;line-height:90px;font-size:18px;color:#000;margin-bottom:0;padding:0;position:static;text-align:center;background:#fff;display:block;text-transform: capitalize;border-bottom: 1px solid #D9D9D9;font-weight: bold;position: relative;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt i{font-weight:300;transition: .5s;font-size: 18px;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt i:hover{transform: rotate(90deg);} body .category-vertical-filters.top-filters .FiltreUst span{display:inline-block;vertical-align:top;position:static;text-align:left;font-weight:bold;color:#000000;font-size:18px;float: left;width: 100%;text-align: left;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float:right;font-size:20px;z-index:1;cursor:pointer;position:absolute;right:0;top:50%;line-height:1;width:auto;height:auto;display:flex;align-items:center;justify-content:center;border-radius:0;transition:.3s;transform:translateY(-50%);transition: .5s;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt:hover{} body .category-vertical-filters.top-filters .FiltreUst a{float:right;font-size:13px;position:relative;z-index:1;color:#fff;display:none;} body .category-vertical-filters.top-filters .FiltreUst a i{color:#fff;font-size:20px;display:inline-block;vertical-align:top;line-height:50px;margin-left:5px;} body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{float:left;width:100%;margin-bottom:10px;position:relative;padding:0 10px;display:none;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan{float:left;width:100%;height:calc(100% - 260px);overflow:auto;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{float:left;width:auto;text-align:center;margin-top:0;display:block;padding:0;min-width:190px;width:100%;background:var(--theme-color);border-radius:0;border:1px solid var(--theme-color);position: relative;overflow: hidden;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{display:inline-block;vertical-align:top;min-width:100%;color:#fff;line-height:44px;font-size:14px;width:100%;cursor:pointer;font-weight:400;background:transparent;transition:.5s;position:relative;z-index:2;text-transform: uppercase;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn:hover span{color: #000;background: #fff;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{float:left;width:100%;line-height:50px;font-size:14px;color:#262324;text-align:left;padding:0 0 0 15px;background:#fff;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before{content:'';float:right;width:24px;max-height:24px;position:absolute;top:0;bottom:0;right:32px;border-radius:100%;background:#c5c7c9;margin:auto 0;background:#fff;box-shadow:0 0 2px 0 #999;z-index:1;transition:all 0.3s ease;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after{content:'';float:right;width:40px;max-height:16px;position:absolute;top:0;bottom:0;right:0;border-radius:20px;background:#c5c7c9;margin:auto 15px auto 0;transition:all 0.3s ease;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before{right:15px;} body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after{background:#000;} body .category-vertical-filters.top-filters .panel .panel-heading{padding:0 0;margin:0;border:none;background:#fff;float:left;width:100%;} body .category-vertical-filters.top-filters .panel .panel-heading a{float:left;width:100%;text-align:left;color:#000000;font-weight:600;font-size:16px;line-height:59px;padding:0;text-transform:capitalize;padding: 0;position: relative;} body .category-vertical-filters.top-filters .panel .panel-heading a:after{top:0!important;color:#000!important;font-weight:400;font-family:'FontAwesome';content:'\f067'!important;font-size:14px;line-height:59px;right: 0!important;float: right;} body .category-vertical-filters.top-filters .panel .panel-heading.active a:after{content:'\f068'!important;color: #000;transform: rotate(180deg);} body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{position:absolute;right:30px;top:0;bottom:0;line-height:60px;font-size:15px;color:#000;display:block;} body .category-vertical-filters.top-filters .panel{float:left;width:100%;margin:0;padding:0;border-bottom: 1px solid #d9d9d9;} body .category-vertical-filters.top-filters .panel:last-child{margin-bottom:0;} body .category-vertical-filters.top-filters .list-group.dropdown{border:none;position:static;box-shadow:none;padding:0;margin-top:0;float:left;max-height:300px;width:calc(100% - 5px);overflow-x:hidden;overflow-y:auto;margin-left:0;margin-bottom:25px;} body .category-vertical-filters.top-filters .list-group.dropdown ul{margin-top:10px;} body .category-vertical-filters.top-filters .list-group.dropdown li{width:100%;margin-right:0;text-align:left;margin-bottom:15px;padding:0;float: left;} body .category-vertical-filters.top-filters .list-group.dropdown li:last-child{margin: 0;} body .category-vertical-filters.top-filters .list-group.dropdown li a{color:#000;line-height:20px;} body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size:14px;color:#000;font-weight:400;float:left;} body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{content:'\f00c'!important;background: #000!important;border-color: #000!important;color: #fff;} body .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before{content:'\f00c'!important;background: #000!important;border-color: #000!important;color: #fff;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:hover:before{border:none;background:transparent!important;color:#000;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image.selected:before{border:none;background:transparent!important;color:#000;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a{position:absolute;top:-1px;} body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width:100%;margin:0;} body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent{display:none!important;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display:none;} body .category-vertical-filters.top-filters::-webkit-scrollbar{width:0;height:0;} body .category-vertical-filters.top-filters .panel:last-child{margin-bottom:20px;} .panel-search input{height:35px;border:1px solid;border-radius:0;margin-bottom: 15px;} .panel-search{float: left;width: calc(100% - 5px);} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan::-webkit-scrollbar{width:0;height:0;} body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar{width:3px;} body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-track{background:#DADAD9;} body .category-vertical-filters.top-filters .list-group.dropdown::-webkit-scrollbar-thumb{background:#B2B2B2;} body .category-vertical-filters.top-filters .panel .panel-heading{border-bottom:1px solid transparent;} body .category-vertical-filters.top-filters .filtreAlt a{display:flex!important;justify-content: center;height: 46px;transition: .3s;padding: 0 10px;min-width: 190px;background: #fff;align-items: center;width: auto;width: 100%;border-radius: 0;overflow: hidden;position: relative;text-transform: uppercase;border: 1px solid var(--theme-color);} body .category-vertical-filters.top-filters .filtreAlt a i:before{content:'Filtreleri Kaldır';} body .category-vertical-filters.top-filters .filtreAlt a i{font-size:14px;color:#000;font-family:'Source Sans 3';font-weight:400;transition: .5s;position: relative;z-index: 2;} body .category-vertical-filters.top-filters .filtreAlt a:hover i{color: #fff;} body .category-vertical-filters.top-filters .filtreAlt a:hover{background: var(--theme-color);} .filtreAlt{float:left;width:100%;display:flex;justify-content:center;gap:15px;padding:30px 0;border-top:1px solid #d9d9d9;flex-wrap: wrap;} .FiyatSlider{float:left;width:100%;padding:25px 0;} body .ui-widget.ui-widget-content{width:calc(100% - 18px);margin-left:9px;background:#e9e9e9;border:none;height:1px;float:left;} body .ui-slider-horizontal .ui-slider-range{background:var(--theme-color);} body .ui-slider .ui-slider-handle{border:none;border-radius:0;background:var(--theme-color);top:-6px;width: 13px;height: 13px;cursor: e-resize;} .amount{float:left;width:100%;margin:20px 0 0;font-size:14px;text-align:left;color:#1D1D1D;} .FiyatSlider:before{content:'Fiyat';font-size:16px;font-weight:600;float:left;width:100%;margin:0 0 29px;text-align:left;color:#000;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a{font-size:14px;color:#000;line-height:18px;margin-left:0;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{width: 18px;height: 20px;line-height: 18px;} body .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius:0;display:inline-block !important;width:20px;height:20px;line-height:18px;font-size:8px;color:#fff;font-family:'FontAwesome';text-align:center;float:left;content:'';margin-right:8px;border:1px solid #C6C6C6;transition:.3s;font-weight:bold;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{width:20px !important;float:left;clear:left;height:20px;border-radius:0;position:relative;border:1px solid #e9e9e9;} body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{border:none;width:18px;} body .category-vertical-filters.top-filters .FiyatTextBox{position:static;box-shadow:none;} /*--------------UST----------*/ /*--------------Sol----------*/ body .category-vertical-filters{padding:0;border-radius:0;margin-top:5px;float: left;width: 100%;border: none;background: transparent;} body .category-vertical-filters > div.vertical-filter-panel{border-bottom:1px solid #E0E0E0;margin-bottom:0;padding-bottom:0;float:left;width:100%;} body .category-vertical-filters > div.vertical-filter-panel:last-child{padding:0;border:0;margin:0;} body .category-vertical-filters .vertical-filter-panel .panel-heading{border:none;padding: 0;float: left;width: 100%;margin: 0;background-color: transparent!important;} body .category-vertical-filters .vertical-filter-panel .panel-heading a{font-size:14px;color:#000;font-weight:600;float: left;width: 100%;display: flex;justify-content: space-between;align-items: center;line-height: 55px;letter-spacing: -0.14px;} body .category-vertical-filters .vertical-filter-panel .panel-heading a::after{content: '\f106';font-family: 'FontAwesome';font-weight: 400;transition: .5s;font: 15px;} body .category-vertical-filters .vertical-filter-panel .panel-heading.active a::after{transform: rotate(180deg);} body .category-vertical-filters > div.div-fiyat-filter{padding:0;} body .category-vertical-filters > div.div-fiyat-filter .FiyatSlider:before{display:none;} body .category-vertical-filters .vertical-filter-panel .list-group{float:left;width:calc(100% - 5px);margin-bottom: 10px;} body .category-vertical-filters .vertical-filter-panel .list-group-item{float:left;width:100%;margin:0 0 8px;padding:0;background-color: transparent;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a{font-size:11px;color:#000;line-height:16px;margin-left:0;letter-spacing: -0.11px;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{width: 14px;height: 16px;line-height: 14px;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a{font-size:11px;color:#000000;letter-spacing:-0.11px;line-height:16px;float:left;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius:0;display:inline-block !important;width:16px;height:16px;line-height:14px;font-size:8px;color:#000;font-family:'FontAwesome';text-align:center;float:left;content:'';margin-right:8px;border:1px solid #C6C6C6;transition:.3s;font-weight:bold;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{width:16px !important;float:left;clear:left;height:16px;border-radius:0;position:relative;border:1px solid #e9e9e9;} body #divLeftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before{border:none;width:14px;} body .category-vertical-filters .FiyatTextBox input[type="text"]{width:30%;font-size:12px;text-align:center;border:1px solid #000;height:30px;} body .category-vertical-filters .FiyatTextBox button[name="SolFiltreFiyatAraligiFiltre"]{height:30px;line-height:28px;border:1px solid #000;border-radius:0;background:#fff;width:35%;font-size:12px;text-transform:UPPERCASE;margin-bottom:20px;transition:.5s;} body .category-vertical-filters .FiyatTextBox button[name="SolFiltreFiyatAraligiFiltre"]:hover{background:#000;color:#fff;} /*--------------Sol----------*/ .Block_Link{position:absolute;top:75px;z-index:2;right:0;} .Block_Link a{display:flex;gap:6px;line-height:30px;align-items:center;transition:.5s;color:#000;overflow:hidden;position:relative;background:transparent;z-index:2;font-size: 15px;} .Block_Link a:hover{text-decoration: underline;} .footerTemp{margin-top: 80px;} div#divMarka{margin:5px 0;} body .divGrupOlusturContentBottom button{background:var(--theme-color);line-height:40px;color:#fff;transition:.5s;text-transform:uppercase;padding:0;border:none;} body .divGrupOlusturContentBottom button:hover{background:var(--theme-color);} body .detayFavoriListItem{padding:10px;} body .detayFavoriListItem button{transition:.5s;background:var(--theme-color);color:#fff;border:none;padding:7px 15px;} body .detayFavoriListItem button:hover{background:var(--theme-color);border:none;} body .divGrupOlusturContentBottom input{border:1px solid var(--theme-color);} .multiblockWrapper img{width:100%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:20%;top:auto;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:80px;font-weight:300;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:20px;font-weight:400;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:40px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{border-radius:0;height:50px;display:flex;align-items:center;justify-content:center;min-width:220px;transition:.5s;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a:hover{background:#fff;color:#000;} body .collectionModalAdd .collectionAddModalBottom .collectionAddBtn{max-height:fit-content;} body .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection.selected:after{top:50%;transform:translateY(-50%);right:10px;} .ProductPreviewForm div:has(.btnHizliSepeteEkle){width:100%!important;margin-top:10px!important;float:left;} .productItem > .favori{display:block;} .favori{position:absolute;top:20px;right:20px;z-index:9;visibility: hidden;opacity: 0;transition: .3s;} .favori a{font-size:0;} .favori a:after{content:'\f004';font-family:'FontAwesome';font-size:20px;font-weight:300;color:var(--theme-color);transition:.5s;} .favori a:hover:after,.favori a.listfavoriAktif:after{font-weight:bold;} .productItem.StokYok .productIconExButtons{display:none;} .productItem:hover .favori{visibility: visible;opacity: 1;} section.landing-block{padding:0 60px;} section.landing-block.main{padding:0;} .multiblockWrapper .bannerWrapper.blokTypeBackround{} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{padding:0 30px;bottom: 40px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:60px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:30px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:16px;font-weight:400;color:#000000;background:#fff;border-radius:0;line-height:40px;min-width:220px;text-align:center;transition:.5s;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a:hover, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a:hover{background:var(--theme-color);color:#fff;} #mainHolder_divDesign .sliderAyaritems-3 .blokResimLink:not(.widgetCenterImage) img{width:100%;transform:scale(1.2);} #mainHolder_divDesign .sliderAyaritems-3 .active .blokResimLink:not(.widgetCenterImage) img{transform:scale(1);transition-delay: 0s;width: 100%!important;} #mainHolder_divDesign .sliderAyaritems-3 .active .blokResimLink:not(.widgetCenterImage){max-width: 100%;} #mainHolder_divDesign .sliderAyaritems-3 .blokResimLink:not(.widgetCenterImage):hover img{transform:scale(1.2);} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{padding:30px;top:auto;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:40px;font-weight:400;} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div{width:40px;height:40px;background:#fff;} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div:hover{background:var(--theme-color);} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div:hover span:after{color:#fff;} #mainHolder_divDesign .owl-carousel.sliderAyaritems-3 .owl-nav > div span:After{line-height:1;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:32px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:18px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:15px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper a{min-width:180px;background:var(--theme-color);color:#fff;border:1px solid var(--theme-color);padding: 0;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper a:hover{background:#fff;color:#000;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper{bottom:0;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:20px 0 0;gap:20px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:24px;font-weight:500;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:16px;font-weight:400;line-height:1.4;} .ticiAlignCenter{display:flex;align-items:center;} .ticiAlignCenter:has(.widgetDetail) a{max-width:max-content;} body .widgetDetail{padding:0 0 0 10px;text-align:left;width:auto;} body .widgetTitle{text-align:left;font-weight:500;} body .widgetDesc{font-size:14px;font-weight:500;color:#757575;} .hazirBlokContent .txcol-sm-2.ticiAlignCenter{max-width:max-content;} #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.ticiAlignCenter){justify-content:space-between;} section.landing-block:has(.widgetDetail){border-top:2px solid #D9D9D9;padding-top:70px!important;} body .footerTemp .storeMedia li a{border:1px solid #707070;padding:10px;height:60px;transition:.5s;} body .footerTemp .storeMedia li a:hover{border-color:#fff;} div#divTahminiTeslimatSuresi{display:flex;align-items:center;gap:5px;margin:15px 0 0;} .urunOzellik{display: none;} .urunOzellikTab{margin: 22px 0 0;display: block;float: left;width: 100%;border-top: 1px solid #ECECEC;} .urunOzellikTab .urunTab{float: left;width: 100%;} .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;} .urunOzellikTab .urunTab >ul >li{float: left;width: 100%;border-bottom:0;margin-bottom: 0;padding:0;} .urunOzellikTab .urunTab >ul >li > a{color:#34312E;font-size:13px;text-transform:none;line-height:1;float:none;width:100%;box-sizing:border-box;font-weight:400;position:relative;background:#fff;border-radius:0;padding:11px 10px 11px 0;border-bottom:1px solid #E8E5E0;display:flex;align-items:center;justify-content:space-between;transition:color .2s;} .urunOzellikTab .urunTab >ul >li > a span{font-weight: 500;} .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none;} .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a{color:#34312E;background: #fff;} .urunOzellikTab .urunTab >ul >li[onofftip="true"] .urunDetayPanel{display: block;} .urunOzellikTab .divYorumlarV2Slide{width: 100%;margin-bottom: 30px;} .urunOzellikTab .divYorumlarV2Ortalama{width: 100%;margin-left: 0;} .urunOzellikTab .divYorumlarV2Section1_1a1a{-ms-flex-direction: column; flex-direction: column;} .urunOzellikTab .divYorumlar-t1c9k{max-width: 100%;min-width: 0;} .urunOzellikTab .taksitWrapper .taksitBlock{width: 100%;padding-left: 0;padding-right: 0;} .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;} .urunOzellikTab .yorum-item-left{flex: 0 0 100%;} .urunOzellikTab .v2YorumFilter{width: 100%;} .urunOzellikTab .v2YorumFiltreGrup{display: block;} .urunOzellikTab .v2YorumFilter li,.urunOzellikTab .v2YorumFilter ul li{width: 100%;} .urunOzellikTab .urunTab >ul >li > a:after{content:'\f105';float:none;font-family:'FontAwesome';font-weight:300;font-size:18px;line-height:1;color:#8A8A8A;transition:color .2s;} .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a:after{content:'\f105';} .multiblockWrapper img{width:100%;} .multiblockWrapper .blokResimLink:not(.widgetCenterImage){max-width:100%;} body .header-dil-content #lang_flag_container #langHover{padding:6.5px 8px!important;cursor:pointer;border-radius:0;background:#fff!important;transition:.3s;margin-left:0;border:2px solid transparent;min-width:100px;} body .header-dil-content #lang_flag_container #lang{line-height:normal!important;min-height:13px!important;padding:0!important;background:transparent!important;justify-content:center;} body .header-dil-content #lang_flag_container #lang:after{content:'\f107';font-family:'FontAwesome';display:block;line-height:13px;margin-left:5px;font-weight:300;transition:.5s;font-size:15px;} body .header-dil-content #lang_flag_container #lang-detail{display:block!important;visibility:hidden;opacity:0;transition:.5s;} body .header-dil-content #lang_flag_container.active #lang-detail{visibility:visible;opacity:1;} body .header-dil-content #lang_flag_container.active #lang:after{transform:rotate(180deg);margin-top:-2px;} body .header-dil-content #lang_flag_container #langHover.white{border-color:#000;} body .header-dil-content #lang_flag_container.active #langHover{border-color:#000!important;background:#fff!important;border-radius:4px 4px 0 0;border-bottom-color:transparent;} body #lang-detail .language,body #lang-detail .currency{width:100%;padding:5px;} body .header-dil-content #lang_flag_container #lang-detail{background:#333;border:none;box-shadow:none;border:2px solid #000;border-radius:0 0 4px 4px;width:100%;border-top:0;} body #lang-detail p{color:#fff;font-size:9px;margin:0 0 5px;} body #lang-detail .language .lang-detail-div,body #lang-detail .currency .lang-detail-div{color:#fff;opacity:1;margin:5px 0 0;background:#000;padding:5px;line-height:normal;height:auto;border:2px solid transparent;transition:.3s;border-radius:4px;font-size:10px;} body #lang-detail .language .lang-detail-div.active,body #lang-detail .language .lang-detail-div:hover,body #lang-detail .currency .lang-detail-div.active,body #lang-detail .currency .lang-detail-div:hover{color:#fff;border-color:#fff;} body #lang-detail .currency .lang-detail-div i{display:none;} body .videoBlockSliderWrapper .active img{width: 100%;height: 100%;object-fit: cover;} body .bannerVideoWrapper iframe,body .bannerVideoWrapper video{width:100%;height:100%;} body .main .bannerVideoWrapper .blokResimLink,body .main .bannerWrapper .blokResimLink{height:100dvh;} video[poster]{height:100%;width:100%;object-fit: cover;} .bannerVideoWrapper{width:100%;} /*siteozelalan*/ @media (min-width:1042px) { select#filterOrderSelect{padding:0 25px 0 10px;text-indent: 0; border:1px solid var(--theme-color);height:30px;border-radius:0;text-align:left;appearance:none;cursor:pointer;transition:.5s;position:relative;z-index:2;background:url(../../Uploads/EditorUploads/images/siralaicon.svg)no-repeat right 10px top 50% transparent;font-size: 16px;font-weight: 400;color: #000;margin-left: 40px;} select#filterOrderSelect option{color:#000!important;} body .appliedFilter.FiltrelemeUrunAdet span{display: none;} body .sortingContent .blockSelect a.Active i{color:#000;} body .sortingContent .blockSelect a i{color:#ACACAC;transition:.5s;} body .sortingContent .blockSelect a:hover i{color:#000;} body .brandlistselection .sortingContent li > a{height:30px;padding:0 10px;line-height:28px;background:#fff;border-radius:0!important;margin-left:10px;transition:.5s;font-weight:500;color:#000;position:relative;overflow:hidden;border: 1px solid var(--theme-color);} body .brandlistselection .sortingContent li > a:hover{color:#fff;background: var(--theme-color);} body .brandlistselection .sortingContent li > a.selected{color:#fff;background: var(--theme-color);} body .brandlistselection .sortingContent li > a span{position:relative;z-index:2;} body:has(#divLeftBlock) .FiltreBtn{display:none;} body:has(#divLeftBlock) #divSayfalamaUst{margin:0 0 25px;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a{padding:0;border:none;border-right:1px solid var(--theme-color);padding:0 7px;line-height:18px;float:left;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a i{display:none;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a:after{content:'';font-size:16px;color:#ABABAB;transition:.5s;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.btnCatSorting.sort_3:after{content:'3';} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.btnCatSorting.sort_4:after{content:'4';} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a:last-child{border:0;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.btnCatSorting.sort_4{border:0;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect{display:flex;height:30px;align-items:center;margin-right:20px;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet a.Active:after{color:var(--theme-color);} .brandlistselection .sortingContent li:nth-child(2){display: none;} } @media (min-width:1042px) { .sortingContent { display: block !important; } .col-5li { width: 20%; } .mobilMenu{display: none;} } /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{ max-width: 100%; margin: 0 auto;position: relative; clear: both; display: block;padding: 0 60px; } body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 100%!important;padding: 0 60px!important;} .sliderBannerContainer .ProductList{max-width:100%;} .detaySliderContainer .ProductList{max-width:100%;} .homeContainer .ProductListContent .ProductList{max-width:100%;} .markaSlider .jCarouselLite{max-width:100%;} /**/ .innerContainer{} #divIcerik.homepage {margin-top: -70px!important;} .UyeOl .ticiContainer{} #footer .ticiContainer{} .UyeGiris .ticiContainer{} .Magazalar .ticiContainer{} .sepetimBody .ticiContainer{margin: 0 auto;} .HesabimTakip .ticiContainer{} .Iletisimaspx .ticiContainer{} .homeContainer .ticiContainer{} .ticiContainer.homeContainer {} .ticiContainer.pageContainer {} .ticiContainer.categoryContainer {} .sepetimBody #footer .ticiContainer{} .ticiContainer.productDetailContainer {} .sepetimBody .footerSslLogo{display: none!important;} .sepetimBody .headerContent{box-shadow:none;} /**/ .centerCount.Middle {width: 100%;padding: 0;} .centerCount.userLoginContent {width: 100%;padding: 0;} .centerCount.iletisimContent {width: 100%;padding: 0;} .centerCount.UyeolContent {width: 100%;padding: 0;} .centerCount.HesabimTakip {width: 100%;padding: 0;} /**/ .leftBlock {float: left;width: 275px;padding: 20px;background: #F7F7F7;} .rightBlock {float: right;width:300px;padding-left:20px;} .centerCount.LeftMiddle , .leftBlock + .centerCount{width: calc(100% - 295px);} .centerCount.RightMiddle {width: calc(100% - 300px);} .centerCount {float: right;width: 100%;padding: 0;} /*SolOrtaSag*/ .leftBlock.LeftMiddleRight {width: 25%;} .rightBlock.LeftMiddleRight {width: 25%;} .centerCount.LeftMiddleRight {width: 50%;} /**/ .ticiContainer:before, .ticiContainer:after { content: ""; display: table; } .ticiContainer:after { clear: both; } .ticiContainer { clear: both; zoom: 1; } /* ------------------------------------Container--------------------------------------------*/ /*Tablet ekranina kadar olan windows gorunumu*/ @media screen and (min-width:1041px) and (max-width:1200px) { .leftBlock.LeftMiddle {width: 24%;padding-right: 20px;} .centerCount.LeftMiddle {width: 75%;} /*SolOrtaSag*/ .leftBlock.LeftMiddleRight {width:25%;} .rightBlock.LeftMiddleRight {width:25%;} .centerCount.LeftMiddleRight {width:50%;} /*OrtaSag*/ .rightBlock.MiddleRight {width:25%;} .centerCount.MiddleRight {width:75%;} .homeContainer .col-5li { width: 25%;} } @media screen and (min-width: 1540px) and (max-width: 1660px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:13%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:45px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} body .fullSliderImg .fullSliderThumbWrap{width:145px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 160px);} } @media screen and (min-width: 1500px) and (max-width: 1539px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:13%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:45px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} body .fullSliderImg .fullSliderThumbWrap{width:145px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 160px);} } @media screen and (min-width: 1380px) and (max-width: 1499px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block{padding:0 40px;} body .kombinselectvaryasyon{width:55%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:13%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:45px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:26px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .leftImage{width:60%;} .RightDetail{width:40%;} body .fullSliderImg .fullSliderThumbWrap{width:125px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 140px);} } @media screen and (min-width: 1300px) and (max-width: 1379px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} body .kombinselectvaryasyon{width:55%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:35px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} .leftImage{width:60%;} .RightDetail{width:40%;} body .fullSliderImg .fullSliderThumbWrap{width:125px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 140px);} } @media screen and (min-width: 1240px) and (max-width: 1299px){ /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} body .kombinselectvaryasyon{width:60%;} body #hizliBakis,body div#hizliBakisAltAlan{width:1100px;padding: 20px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:35px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} section.elementor-section.mid .footerTempRow > div:last-child{width:380px;} .leftImage{width:55%;} .RightDetail{width:45%;} body .fullSliderImg .fullSliderThumbWrap{width:100px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 115px);} } @media screen and (min-width: 1160px) and (max-width: 1239px) { /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body .kombinselectvaryasyon{width:70%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:35px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} section.elementor-section.mid .footerTempRow > div:last-child{width:380px;} body .widgetTitle{font-size:13px;} body .widgetDesc{font-size:12px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .leftImage{width:55%;} .RightDetail{width:45%;padding: 0 0 0 20px;} .SmallImages div.AltImgCapSmallImg,body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item{width:100%;} body .fullSliderImg .fullSliderThumbWrap{width:100px;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 115px);} } @media screen and (min-width: 1025px) and (max-width: 1159px) { /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} body ng-form#FrmYeniUye{flex-direction:column;gap:20px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;} body .userDivLeft{margin-bottom:20px;} body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;} body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;} body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding: 0 20px!important;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} .TukendiIco span{line-height:35px;bottom:47%;max-width:150px;font-size:13px;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body #hizliBakis,body div#hizliBakisAltAlan{width:800px;padding: 20px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:20px 0 0;} body .kombinselectvaryasyon{width:90%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj, .categoryContainer .ProductList.PlSc_3 .ItemOrj, .categoryContainer .ProductList.PlSc_4 .ItemOrj, .categoryContainer .ProductList.PlSc_5 .ItemOrj, .categoryContainer .ProductList.PlSc_hrz .ItemOrj, .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:30px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:24px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:16px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:5px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:18px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:10px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top: 15px;} body #mainHolder_divDesign .ticimaxTabHead li a{font-size:16px;} section.elementor-section.mid .footerTempRow > div:last-child{width:350px;} body .widgetTitle{font-size:13px;} body .widgetDesc{font-size:12px;} .html.custom.html_1{font-size:12px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:14px;min-width: 180px;line-height: 35px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect{display: none;} .leftImage{width:55%;} .RightDetail{width:45%;padding: 0 0 0 20px;} .SmallImages div.AltImgCapSmallImg,body .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item{width:100%;} body .fullSliderImg .fullSliderThumbWrap{width:100px;display: none!important;} body .fullSliderImg .fullSliderListWrap{width:calc(100% - 9px);} } @media (min-width: 1100px){ body .logo-center #hb-logo{margin:0;position:absolute;left:50%;transform:translateX(-50%);} body:has(.homepage) .header-dil-content #lang_flag_container #langHover{background:transparent!important;border-color:#fff;} body .header-dil-content #lang_flag_container #lang{transition:.3s;} body:has(.homepage) .header-dil-content #lang_flag_container #lang{color:#fff!important;} body .header-dil-content #lang_flag_container #lang{transition:.3s;} body:has(.homepage) #headerNew:hover .header-dil-content #lang_flag_container #langHover,body:has(.homepage) #headerNew.fixed .header-dil-content #lang_flag_container #langHover,body:has(.homepage) #headerNew:has(.dropactive) .header-dil-content #lang_flag_container #langHover{background:#fff!important;border-color:#000;} body:has(.homepage) #headerNew:hover .header-dil-content #lang_flag_container #lang,body:has(.homepage) #headerNew.fixed .header-dil-content #lang_flag_container #lang,body:has(.homepage) #headerNew:has(.dropactive) .header-dil-content #lang_flag_container #lang{color:#000!important;} body .header-dil-content #lang_flag_container{z-index:9!important;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #txtbxArama{padding:0;height:60px;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra i:before{content:'ARA';font-family:'Source Sans 3';} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra{width:70px;height:40px;background:#fff;transition:.3s;border-radius: 0;overflow: hidden;position: relative;border: 1px solid var(--theme-color);} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover{background: var(--theme-color);} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra i{color:#000;font-size:14px;font-weight:500;transition:.5s;position: relative;z-index: 2;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover i{color: #fff;} body [data-search-icon="true"] #divTopProductSearch .searchform-wrapper{border:none;max-width: 100%;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper{display:block;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper, body [data-search-icon="true"] #divTopProductSearch.dropactive .header-search-form-wrapper{display:block;position:absolute;left:0;top:100%;right:0;width:auto;z-index:5;padding:0;box-shadow: 0px 3px 6px #00000029;background:#fff;transition:.3s;overflow:hidden;margin:0 auto;padding: 0 60px;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper{height:0;visibility:hidden;opacity:0;} body [data-search-icon="true"] #divTopProductSearch.dropactive .header-search-form-wrapper{opacity:1;visibility:visible;height:60px;} body [data-search-icon="true"] .svgIcon.search-times:after{font-size:25px;} body [data-search-icon="true"] .svgIcon.search-times{width:26px;height:26px;} body [data-search-icon="true"] .svgIcon.search-times:after{content:'\f00d';font-family:'FontAwesome';font-weight:300;font-size:33px;line-height:26px;} body [data-search-icon="true"] .svgIcon.search-times svg{display:none;} } @media (min-width: 1042px) and (max-width: 1159px) { } @media (min-width: 1100px) and (max-width: 1159px) { } @media (max-width:1099px) { #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl{padding:0;margin:0;} body #headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{position:static;margin: 0;} body #headerNew .header-main .headerContainer{position:static;} body #headerNew .cart-item{top:18px;right:15px;} .svgIcon.cart-svg{display:flex;} body.modalOpen{padding:0!important;} body #headerNew #divTopProductSearch .header-search-form-wrapper{display:block;} body #headerNew #divTopProductSearch{display:block;} body #headerNew #lang span{display:block;} body #headerNew #lang{height:auto;width:auto;} body #headerNew .header-main .header-dil-content{position:static;} body:has(.ticimaxModal),body:has(.newHeaderNavigation.mobileStyle.mobileactive){padding-right: 0;} body #headerNew .header-main{height:70px;background: #fff;} #divIcerik.homepage{margin-top: 0!important;} body:has(.homepage) #hb-logo svg{fill:#000;} body:has(.homepage) #headerNew:hover .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew.fixed .cart-item a.header-cart-link.headerButon .sepetUrunSayisi, body:has(.homepage) #headerNew:has(.dropactive) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi{color: #fff;} body #headerNew .header-dil-content #lang_flag_container #langHover{padding: 6.5px 8px!important;} body #divTopProductSearch .searchform-wrapper #txtbxArama{padding:0;height:60px;} body #divTopProductSearch .searchform-wrapper #btnKelimeAra i:before{content:'ARA';font-family:'Source Sans 3';} body #divTopProductSearch .searchform-wrapper #btnKelimeAra{width:70px;height:40px;background:#fff;transition:.3s;border-radius: 0;overflow: hidden;position: relative;border: 1px solid var(--theme-color);} body #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover{background: var(--theme-color);} body #divTopProductSearch .searchform-wrapper #btnKelimeAra i{color:#000;font-size:14px;font-weight:500;transition:.5s;position: relative;z-index: 2;} body #divTopProductSearch .searchform-wrapper #btnKelimeAra:hover i{color: #fff;} body #divTopProductSearch .searchform-wrapper{border:none;max-width: 100%;} body [data-search-icon="true"] #divTopProductSearch .header-search-form-wrapper{display:block;} body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{display:block;position:absolute;left:0;top:100%;right:0;width:auto;z-index:5;padding:0;box-shadow: 0px 3px 6px #00000029;background:#fff;transition:.3s;overflow:hidden;margin:0 auto;padding: 0 20px;} body #divTopProductSearch .header-search-form-wrapper{height:0;visibility:hidden;opacity:0;} body #divTopProductSearch.dropactive .header-search-form-wrapper{opacity:1;visibility:visible;height:60px;} body .svgIcon.search-times:after{font-size:25px;} .svgIcon.search-times{width:26px;height:26px;} .svgIcon.search-times:after{content:'\f00d';font-family:'FontAwesome';font-weight:300;font-size:33px;line-height:26px;} .svgIcon.search-times svg{display:none;} body:has(.homepage) #hb-logo img{filter: invert(0);} } @media (min-width: 768px) and (max-width: 1041px) { body .ulRelatedProducts li{width:calc(33.33% - 7px);} } @media (min-width: 768px) and (max-width: 1024px) { /* ------------------------------------Container--------------------------------------------*/ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 20px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 20px!important;} /* ------------------------------------Container--------------------------------------------*/ .homeContainer .ProductListContent .ProductList{max-width: 100%;} .sliderBannerContainer .ProductList{max-width: 100%;} .detaySliderContainer .ProductList{max-width: 100%;} .markaSlider .jCarouselLite{max-width: 100%;} #divIcerik.homepage{margin: 0 auto;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper, body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 20px!important;} section.landing-block.main{padding:0!important;} #divMobileImage img{width: 100%!important;} body #mainHolder_divDesign .t-vw-6 .ticiContainer{width:720px!important;padding:0!important;} #divMobileImageList img{width:100%;} #divMobileImageList .owl-nav, #divProductImageCarousel .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;} #divMobileImageList{float:left;width:100%;position:relative;border-radius: 0;overflow: hidden;} #divMobileImageList .owl-nav > div, #divProductImageCarousel .owl-nav > div{font-size:0;width: 36px;height: 36px;background: transparent;border-radius: 0;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 3px 3px 30px #0000001A;} #divMobileImageList .owl-nav > div.owl-prev span:after,#divProductImageCarousel .owl-nav > div.owl-prev span:after{content:'\f104';} #divMobileImageList .owl-nav > div.owl-next span:after,#divProductImageCarousel .owl-nav > div.owl-next span:after{content:'\f105';} body ng-form#FrmYeniUye{flex-direction:column;gap:20px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;} body .userDivLeft{margin-bottom:20px;} body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;} body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;} body .solAnaMenu{width:100%;} body .sagIcerikTutucu{padding:0;width:100%;margin-top:20px;} #divProductImageCarousel img{width:100%;} #divProductImageCarousel{float:left;width:100%;position:relative;} .Images, #divVideoGoruntulemeAlan{display: none;} body #divTopProductSearch .searchform-wrapper, .countdownBlockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{max-width:720px;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12{padding: 0!important;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body .cartCheckoutProduct .checkoutProductContent{max-height:500px;} .categoryContainer .ProductList.PlSc_2 .ItemOrj, .categoryContainer .ProductList.PlSc_3 .ItemOrj, .categoryContainer .ProductList.PlSc_4 .ItemOrj, .categoryContainer .ProductList.PlSc_5 .ItemOrj, .categoryContainer .ProductList.PlSc_hrz .ItemOrj, .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;margin-bottom: 20px;} .categorydesign p strong{font-size:15px;margin:0 0 5px;} .categorydesign p{font-size:12px;line-height:18px;} .leftImage{width: 100%;} .RightDetail{padding:20px 0 0;width: 100%;} body .kombinselectvaryasyon{width:40%;} body .leftImage .ProductGallery .gallery-container .GalleryArea,body .fullSliderImg .fullSliderListWrap{width: 100%;} div#divProductGalleryThumb{display:none!important;} body .fullSliderImg .fullSliderThumbWrap,body .fullSliderImg .swiper-pagination-container{display: none!important;} body #hizliBakis,body div#hizliBakisAltAlan{width:700px;padding: 20px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:20px 0 0;} section.elementor-section.mid .footerTempRow > div:first-child{width:100%;margin-bottom:25px;} section.elementor-section.mid .footerTempRow{flex-wrap:wrap;} section.elementor-section.mid .footerTempRow > div:first-child .footerimg{justify-content:center;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:12px;padding:0;height:40px;min-width:175px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:10px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:28px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:12px;} body #mainHolder_divDesign .ticimaxTabHead li a{padding:0 10px;font-size:13px;height:38px;} body #mainHolder_divDesign .ticimaxTabHead li{margin:0 10px 0 0;} body #mainHolder_divDesign .ticimaxTabHead{margin:0 0 10px;} .ticimaxAnasayfaTab .Block_Link{top:-45px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:15px;padding:0 15px;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12.JKatAdi{padding-bottom:15px!important;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:22px;} #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi{padding:20px 0 15px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} .Block_Link{top:15px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:17px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:13px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin:0;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:5px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:16px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:12px;} .ticiAlignCenter{flex-direction:column;align-items:center;text-align:center;gap:15px;} body .widgetDetail{padding:0;text-align:center;width:100%;} body .widgetTitle{text-align:center;font-size:12px;} body .widgetDesc{font-size:12px;line-height:1.3;} body .widgetCenterImage img{margin:auto;} section.elementor-section.mid .footerTempRow > div:last-child{width:100%;margin-top:25px;} .leftImage{width:100%;} .RightDetail{width:100%;padding: 20px 0 0;position: relative;top: 0;} body .leftImage .ProductGallery .gallery-container .GalleryArea{position:static;opacity:1;width: 100%;} } /* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */ @media (max-width:1041px) { body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{line-height:65px;} body .category-vertical-filters.top-filters .panel .panel-heading a,body .category-vertical-filters.top-filters .panel .panel-heading a:after,body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{line-height:45px;} body .category-vertical-filters.top-filters .filtreAlt a{height:45px;} body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{line-height:45px;} .filtreAlt{padding:20px 0;} body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan{height:calc(100% - 215px);} body .category-vertical-filters.top-filters{width: 370px;} /******************************************************/ .FiltreBtn{display:none;} .navigation{display: none;} #divSayfalamaUst .filterBlock{display:block!important;} .mobilMenuAcButton{display:block;} body .dropdown-toggle:after { display: none; } body #divSayfalamaUst { padding:0;margin:0 0 20px;width: 100%;border: none;background: transparent;} .urunListRel { width: 100%; } body .mobilFilterOpenBtn .button {padding: 0;margin: 0;color: #000;border: 1px solid #E6E6E6; width:calc(50% - 10px);float:left; line-height: 38px;background: #fff;font-size: 14px;display: inline-block;vertical-align:top;font-weight: 500;border-radius: 0;} body .mobilFilterOpenBtn .button:before {content: '';font-family: 'FontAwesome';display: inline-block;vertical-align:top;line-height: 38px;margin-right: 5px;font-weight: 300;} body .mobilFilterOpenBtn .button.mobilSiralamBtn {float: right;} body .mobilFilterOpenBtn .button.mobilFilterBtn {float: left;} body .mobilFilterOpenBtn .button.mobilFilterBtn:before {content: '\f1de';} body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {content: '\f15d';} body .mobilFilterOpenBtn { margin:0;padding: 0;display: block!important;} .categorydesign .uNo{float: right;color: #999a9d;font-size: 12px;} body #divSayfalamaUst .filterDeleteContent{display: none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after{display: none;} body #divSayfalamaUst.Slct .brandlistselection{position:absolute;right: 0;top: 0;width:calc(50% - 5px);background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width: 100%;display: block!important;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width: 100%;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width: 100%;height: 40px;font-size: 0;text-indent: 0;border: none;color: #000;font-weight: 500;min-width: auto;border-radius: 0;background: transparent;-webkit-appearance:none;-moz--appearance:none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option{font-size: 14px;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){display: none;} body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection{padding: 0;text-align:center;position: absolute;top: 100%;left: 0;right: 0;z-index: 10;border-bottom: none;background: #fff;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter){margin: 0;width: 100%;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a{border:none;text-align:center;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span{line-height: 35px;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) {display:none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before{display:none;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a{border-bottom: 1px solid #e5e5e5;} body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a{border-bottom:none;} .centerCount{width:100%!important;} .leftBlock {display:none!important;} .rightBlock {display:none!important;} .homeContainer .leftBlock {} .homeContainer .rightBlock {} .UyeolContent .grid { margin: 30px 18px; } .owl-carousel .owl-item img { max-width: 100%; margin: 0 auto;} .mobileImageSlider .owl-stage-outer{float: left;width: 100%;} .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;padding: 10px;margin: 10px 10px 0 0;} .uyeOlContainer .FormTitle{margin: 10px 0;padding: 10px 0;font-size: 18px;font-weight: 600;} .uyeOlContainer .uyeOlCol input.textbox{padding: 10px 0;} .uyeOlContainer .uyeOlCol select.selectboxx{padding: 10px 0;} .Magazalar .magazaSelect{width: 100%;margin-right: 0;} .Magazalar #searchStore{width: 100%;margin-right: 0;} } @media (max-width:991px) { body .sepetItem div.sepetItemB0{height:auto;} body .sepetItemB.sepetItemB1{width:80%;} body .sepetItemB.sepetItemB2{width:auto;clear:left;margin:10px 0 0;} body .adetGuncelleContent{margin:0;} body.sepetimBody .BasketPage{padding:10px!important;} body.sepetimBody #headerNew,body.sepetimBody .footerTemp,body.sepetimBody .wp-fixed,body.sepetimBody #divTicimaxCopyrightContent{display:none;} body.sepetimBody{padding:0!important;} body .textbox.txtSepetAdet{border-radius:0;} a#linkSecilenleriSil{margin-bottom:10px;} body .adetGuncelleContent .textbox.txtSepetAdet{border-radius:0!important;} } /* Mobil Ekran */ @media (max-width:767px) { #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi{padding:10px 0;} .html.custom.html_1{font-size:10px;text-align: center;} .hazirBlokContent .txcol-md-9:has(.sliderBannerContainer){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;} .txcol-sm-3.hide-mobile{display: none!important;} .TukendiIco span{line-height:35px;bottom:55%;max-width:150px;font-size:13px;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12{padding: 0!important;} div#ticimaxBannerProducts .sliderBannerContainer .ProductList{padding: 0;} body #headerNew .header-main{border-radius:0 0 0 0;height:56px;padding:0;} body #headerNew .cart-item{top:9px;right:10px;} /* --- mobil üst bar (uygulama düzeni): solda menü + MENU, ortada logo, sağda arama + sepet --- */ #top-bar,#top-bar .headerContainer{height:32px;min-height:32px;} #top-bar *{font-size:10.5px;letter-spacing:.4px;line-height:32px;} /* NOT: buraya will-change:transform KOYMA — #headerNew fixed elemanlar için kapsayıcı blok olur, mobil menü paneli (.newHeaderNav, fixed+height:100%) ekran yerine başlık yüksekliğini alır ve menü açılmaz. */ body #headerNew{-webkit-backface-visibility:hidden;backface-visibility:hidden;} body #headerNew #masthead .header-inner{height:56px;padding:0 10px;align-items:center;} body #headerNew #masthead #hb-logo{margin:0;} body #headerNew #masthead #hb-logo a{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;} body #headerNew #masthead #hb-logo svg{width:118px;height:auto;} body #headerNew #masthead .nav-left{align-items:center;gap:0;} body #headerNew #masthead .nav-right{align-items:center;gap:2px;padding-right:0;} body #headerNew #masthead .nav-left > *,body #headerNew #masthead .nav-right > *{margin:0;padding:0;} body #headerNew #masthead .nav-right .mobile-user-item{display:none;} /* her ikon 40px yüksekliğinde dokunma alanı, içerik ortalı */ body #headerNew #masthead .mobile-item-button{width:auto;height:44px;margin:0;} body #headerNew #masthead .mobile-item-button > div,body #headerNew #masthead .mobile-item-button > a,body #headerNew #masthead .mobile-item-button .newMenuBtnClick{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;} /* menü: 3 çizgi, ortası kısa (AVVA geometrisi), araları daraltıldı — FontAwesome glifi maske ile değiştirildi, altında MENU */ body #headerNew #masthead .mobile-menu-item,body #headerNew #masthead .mobile-menu-item .newMenuBtnClick{min-width:44px;} body #headerNew #masthead .mobile-menu-item .newMenuBtnClick{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:0;} body #headerNew #masthead .mobile-menu-item i{width:21px;height:15px;font-size:0;line-height:1;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 145'%3E%3Cpath d='M0 0h200v20.8H0Z'/%3E%3Cpath d='M0 62.1h132.6v20.8H0Z'/%3E%3Cpath d='M0 124.2h200v20.8H0Z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 145'%3E%3Cpath d='M0 0h200v20.8H0Z'/%3E%3Cpath d='M0 62.1h132.6v20.8H0Z'/%3E%3Cpath d='M0 124.2h200v20.8H0Z'/%3E%3C/svg%3E") no-repeat center/contain;} body #headerNew #masthead .mobile-menu-item .newMenuBtnClick:after{content:"MENU";font-size:8px;font-weight:600;letter-spacing:.8px;line-height:1;color:currentColor;} /* sağ ikonlar: menü ikonu + MENU yazısı bloğuyla aynı yükseklik (26px), sağa yaslı */ body #headerNew #masthead .nav-right .mobile-item-button > div,body #headerNew #masthead .nav-right .mobile-item-button > a{width:auto;min-width:30px;} body #headerNew #masthead .nav-right .mobile-cart-item i{position:relative;top:1.5px;font-size:26px;line-height:1;} body #headerNew #masthead .nav-right .mobile-cart-item svg{width:26px;height:26px;} body #headerNew #masthead .nav-right .mobile-search-item i{font-size:22px;line-height:1;} body #headerNew #masthead .nav-right .mobile-search-item svg{width:22px;height:22px;} /* ARAMA METNİ — İLK BOYA FALLBACK'İ. Native `.mobile-search-item` sunucudan YALNIZ ikonla geliyor; gerçek metni `udBar()` `.lpu-hara__t` span'ına `LPU_DIL('Global_Arama', …)` ile yazıyor ve panel JS'i belgenin %99'unda olduğu için metin bir an sonra beliriyordu. Ham DOM'da bu metni taşıyan bir attribute YOK (arama anchor'ında yalnız href var, temanın kendi input placeholder'ı farklı bir elemanda ve farklı metin: "Arama"), metin yalnız dil sözlüğünde (`Global_Arama`, belgenin %23'ü) — bu yüzden `attr()` ile okunamıyor ve buraya BİLİNÇLİ İSTİSNA olarak yazıldı. Kapı olarak `:not(:has(.lpu-hara__t))` yerine MEVCUT hazır sınıfı kullanıyoruz: `body:not(.lpu-ud)`. `udBar()` `lpu-ud`'yi span'dan hemen önce, aynı senkron görevde ekliyor → iki metin asla birlikte görünmez, yeni ready sistemi de gerekmez. Gerçek metnin kaynağı hâlâ LPU_DIL; JS gelince bu pseudo tamamen kaybolur. */ /* --- ÜRÜN DETAY üst barı — MEVCUT TICIMAX HEADER'I DÖNÜŞTÜRÜR (paralel header YOK). Yeni düğüm üretilmiyor: sunucudan gelen hamburger geri okuna, native arama ikonu geniş arama barına çevriliyor; logo ve kampanya şeridi ürün detayda gizli (DOM silinmiyor). Kapsam iki kez yazılıyor: `body.ProductBody` (tema JS'i ekliyor) ve `body:has(#divIcerik.productDetailContainer)` (ham HTML'den, JS beklemez). :has() desteklenmeyen tarayıcıda ilk blok, ProductBody gelmeden ikinci blok iş görür — bu yüzden virgülle tek listede BİRLEŞTİRİLMEDİ (liste geçersiz olursa kural tümden düşer). Davranış (geri / arama açma) JS'te; GÖRÜNÜM buraya bağlı değil. --- */ body.ProductBody #top-bar{display:none;} body.ProductBody #headerNew #masthead #hb-logo{display:none;} body.ProductBody #headerNew #masthead .header-inner > .flex-left{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;} body.ProductBody #headerNew #masthead .header-inner > .flex-right{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;} body.ProductBody #headerNew #masthead .nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;justify-content:flex-start;} body.ProductBody #headerNew #masthead .nav-right{justify-content:flex-end;} body.ProductBody #headerNew #masthead .mobile-menu-item{-ms-flex:0 0 34px;flex:0 0 34px;} body.ProductBody #headerNew #masthead .mobile-menu-item .newMenuBtnClick:after{content:none;} body.ProductBody #headerNew #masthead .mobile-menu-item i{display:none;} body.ProductBody #headerNew #masthead .mobile-menu-item > div, body.ProductBody #headerNew #masthead .mobile-menu-item > div > a{width:34px;min-width:34px;} body.ProductBody #headerNew #masthead .mobile-menu-item > div > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:44px;} body.ProductBody #headerNew #masthead .mobile-menu-item > div > a:before{content:"";width:18px;height:18px;background-color:#242424;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30736 11.9709L17.7982 2.48003C18.3656 1.91269 18.3656 0.992848 17.7982 0.425506C17.2308 -0.141835 16.311 -0.141835 15.7437 0.425506L5.22554 10.9437C4.94184 11.2273 4.79999 11.5991 4.79999 11.9709C4.79999 12.3427 4.94184 12.7145 5.22548 12.9982L15.7436 23.5164C16.311 24.0837 17.2308 24.0837 17.7982 23.5164C18.3655 22.949 18.3655 22.0292 17.7982 21.4618L8.30736 11.9709Z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30736 11.9709L17.7982 2.48003C18.3656 1.91269 18.3656 0.992848 17.7982 0.425506C17.2308 -0.141835 16.311 -0.141835 15.7437 0.425506L5.22554 10.9437C4.94184 11.2273 4.79999 11.5991 4.79999 11.9709C4.79999 12.3427 4.94184 12.7145 5.22548 12.9982L15.7436 23.5164C16.311 24.0837 17.2308 24.0837 17.7982 23.5164C18.3655 22.949 18.3655 22.0292 17.7982 21.4618L8.30736 11.9709Z'/%3E%3C/svg%3E") no-repeat center/contain;} body.ProductBody #headerNew #masthead .mobile-search-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin:0 12px 0 6px;} body.ProductBody #headerNew #masthead .mobile-search-item > div, body.ProductBody #headerNew #masthead .mobile-search-item > div > a{width:100%;min-width:0;} /* tema .mobile-item-button > div/a'yı ortalıyor (justify-content:center); arama kutusunda içerik SOLA hizalı olacak */ body.ProductBody #headerNew #masthead .mobile-search-item > div{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;} body.ProductBody #headerNew #masthead .mobile-search-item .svgIcon, body.ProductBody #headerNew #masthead .mobile-search-item i{display:none;} body.ProductBody #headerNew #masthead .mobile-search-item > div > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:34px;box-sizing:border-box;gap:7px;padding:0 10px 0 11px;border:1px solid #E8E5E0;border-radius:8px;background:#FAFAFA;font:13px 'Source Sans 3',sans-serif;color:#A9A9A9;text-align:left;} body.ProductBody #headerNew #masthead .mobile-search-item > div > a:before{content:"";position:static;-webkit-box-flex:0;-ms-flex:0 0 15px;flex:0 0 15px;width:15px;height:15px;margin:0;background-color:#F46924;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.3 14l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.3 14l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E") no-repeat center/contain;} body.ProductBody #headerNew #masthead .mobile-search-item .lpu-hara__t{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} body.ProductBody:not(.lpu-ud) #headerNew #masthead .mobile-search-item > div > a:after{content:"Ürün, kategori veya renk ara";-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /* aynı dönüşüm, ham HTML kapsamıyla (tema sınıfı gelmeden) */ body:has(#divIcerik.productDetailContainer) #top-bar{display:none;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead #hb-logo{display:none;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .header-inner > .flex-left{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .header-inner > .flex-right{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;justify-content:flex-start;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .nav-right{justify-content:flex-end;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-menu-item{-ms-flex:0 0 34px;flex:0 0 34px;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-menu-item .newMenuBtnClick:after{content:none;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-menu-item i{display:none;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-menu-item > div, body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-menu-item > div > a{width:34px;min-width:34px;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-menu-item > div > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:44px;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-menu-item > div > a:before{content:"";width:18px;height:18px;background-color:#242424;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30736 11.9709L17.7982 2.48003C18.3656 1.91269 18.3656 0.992848 17.7982 0.425506C17.2308 -0.141835 16.311 -0.141835 15.7437 0.425506L5.22554 10.9437C4.94184 11.2273 4.79999 11.5991 4.79999 11.9709C4.79999 12.3427 4.94184 12.7145 5.22548 12.9982L15.7436 23.5164C16.311 24.0837 17.2308 24.0837 17.7982 23.5164C18.3655 22.949 18.3655 22.0292 17.7982 21.4618L8.30736 11.9709Z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30736 11.9709L17.7982 2.48003C18.3656 1.91269 18.3656 0.992848 17.7982 0.425506C17.2308 -0.141835 16.311 -0.141835 15.7437 0.425506L5.22554 10.9437C4.94184 11.2273 4.79999 11.5991 4.79999 11.9709C4.79999 12.3427 4.94184 12.7145 5.22548 12.9982L15.7436 23.5164C16.311 24.0837 17.2308 24.0837 17.7982 23.5164C18.3655 22.949 18.3655 22.0292 17.7982 21.4618L8.30736 11.9709Z'/%3E%3C/svg%3E") no-repeat center/contain;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin:0 12px 0 6px;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item > div, body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item > div > a{width:100%;min-width:0;} /* tema .mobile-item-button > div/a'yı ortalıyor (justify-content:center); arama kutusunda içerik SOLA hizalı olacak */ body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item > div{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item .svgIcon, body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item i{display:none;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item > div > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:34px;box-sizing:border-box;gap:7px;padding:0 10px 0 11px;border:1px solid #E8E5E0;border-radius:8px;background:#FAFAFA;font:13px 'Source Sans 3',sans-serif;color:#A9A9A9;text-align:left;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item > div > a:before{content:"";position:static;-webkit-box-flex:0;-ms-flex:0 0 15px;flex:0 0 15px;width:15px;height:15px;margin:0;background-color:#F46924;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.3 14l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.3 14l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E") no-repeat center/contain;} body:has(#divIcerik.productDetailContainer) #headerNew #masthead .mobile-search-item .lpu-hara__t{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} body:has(#divIcerik.productDetailContainer):not(.lpu-ud) #headerNew #masthead .mobile-search-item > div > a:after{content:"Ürün, kategori veya renk ara";-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .lpu-geri{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:34px;height:44px;} .lpu-geri:before{content:"";width:18px;height:18px;background-color:#242424;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30736 11.9709L17.7982 2.48003C18.3656 1.91269 18.3656 0.992848 17.7982 0.425506C17.2308 -0.141835 16.311 -0.141835 15.7437 0.425506L5.22554 10.9437C4.94184 11.2273 4.79999 11.5991 4.79999 11.9709C4.79999 12.3427 4.94184 12.7145 5.22548 12.9982L15.7436 23.5164C16.311 24.0837 17.2308 24.0837 17.7982 23.5164C18.3655 22.949 18.3655 22.0292 17.7982 21.4618L8.30736 11.9709Z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.30736 11.9709L17.7982 2.48003C18.3656 1.91269 18.3656 0.992848 17.7982 0.425506C17.2308 -0.141835 16.311 -0.141835 15.7437 0.425506L5.22554 10.9437C4.94184 11.2273 4.79999 11.5991 4.79999 11.9709C4.79999 12.3427 4.94184 12.7145 5.22548 12.9982L15.7436 23.5164C16.311 24.0837 17.2308 24.0837 17.7982 23.5164C18.3655 22.949 18.3655 22.0292 17.7982 21.4618L8.30736 11.9709Z'/%3E%3C/svg%3E") no-repeat center/contain;} /* Faz 5 · L1 temizliği: .lpu-arabar / :before / span kaldırıldı — Faz 2F'de native mobil header dönüşümüne geçildiği için obsolete kaldı (ham HTML'de yok, runtime DOM'da yok, JS üretmiyor). Yerini .mobile-search-item + .lpu-hara__t aldı. */ /* --- mobil arama paneli: büyüteçe basınca tam ekran açılır (lpu-ar) --- */ .lpu-ar{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100000;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#FFF;padding-top:env(safe-area-inset-top,0px);} .lpu-ar.acik{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:lpuArAc .18s ease both;animation:lpuArAc .18s ease both;} @-webkit-keyframes lpuArAc{from{opacity:0;-webkit-transform:translateY(10px);}to{opacity:1;-webkit-transform:none;}} @keyframes lpuArAc{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}} .lpu-ar__ust{-ms-flex:0 0 auto;flex:0 0 auto;display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 16px 12px;border-bottom:1px solid #F1F1F1;} .lpu-ar__kutu{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;display:flex;align-items:center;height:42px;padding:0 32px 0 36px;border:1px solid #E8E5E0;border-radius:8px;background:#FAFAFA;transition:border-color .18s,background .18s;} .lpu-ar__kutu:focus-within{background:#FFF;border-color:#F46924;} .lpu-ar__bt{position:absolute;left:13px;top:50%;width:15px;height:15px;margin-top:-7.5px;background-color:#F46924;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.3 14l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.3 14l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-ar__in{width:100%;height:40px;padding:0;border:0;background:none;font:14px 'Source Sans 3',sans-serif;color:#242424;-webkit-appearance:none;} .lpu-ar__in::-webkit-input-placeholder{color:#A9A9A9;} .lpu-ar__in::placeholder{color:#A9A9A9;} .lpu-ar__in:focus{outline:0;} .lpu-ar__in::-webkit-search-cancel-button{display:none;} .lpu-ar__sil{position:absolute;right:10px;top:50%;width:15px;height:15px;margin-top:-7.5px;} .lpu-ar__sil:before,.lpu-ar__sil:after{content:"";position:absolute;left:1px;top:7px;width:13px;height:1px;background:#A9A9A9;} .lpu-ar__sil:before{transform:rotate(45deg);} .lpu-ar__sil:after{transform:rotate(-45deg);} .lpu-ar__vaz{-ms-flex:0 0 auto;flex:0 0 auto;align-self:center;padding:0;border:0;background:none;font:12.5px/1 'Source Sans 3',sans-serif;letter-spacing:.2px;color:#F46924;} .lpu-ar__govde{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#F5F5F5;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:env(safe-area-inset-bottom,0px);} .lpu-ar__govde::-webkit-scrollbar{display:none;} .lpu-ar__bas{display:flex;align-items:center;justify-content:space-between;padding:22px 16px 11px;font-size:13px;font-weight:400;letter-spacing:.2px;color:#252525;} .lpu-ar__bas > span{display:flex;align-items:center;gap:8px;} .lpu-ar__bas--pop > span:before{content:"";-ms-flex:0 0 20px;flex:0 0 20px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23F46924'/%3E%3Cg transform='translate(4.68,4.68) scale(0.61)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M16.9195 5.5403C15.3079 4.28855 13.6415 2.99424 12.1676 0.564146C11.9608 0.223177 11.5948 0.0107863 11.1962 0.000380017C10.7974 -0.00974498 10.421 0.183005 10.1967 0.512677C10.0817 0.681661 7.54756 4.50896 8.98418 10.8278C7.96184 10.8143 7.1344 9.97847 7.1344 8.95299C7.1344 8.83791 7.1456 8.72011 7.16763 8.60293C7.26298 8.0964 7.01613 7.587 6.55948 7.34794C6.10292 7.10893 5.5436 7.19626 5.18163 7.56324C3.38792 9.3818 2.40002 11.7898 2.40002 14.3436C2.40002 19.6681 6.73179 23.9999 12.0563 23.9999C17.3808 23.9999 21.7125 19.6681 21.7125 14.3436C21.7124 9.26311 19.3843 7.45482 16.9195 5.5403ZM10.7285 21.107C9.99745 20.3759 9.99745 19.1864 10.7285 18.4553L12.0543 17.1295L12.0553 17.1305L12.0563 17.1295L13.3821 18.4553C14.1132 19.1864 14.1132 20.3759 13.3821 21.107C13.028 21.4611 12.5571 21.6561 12.0563 21.6561C12.056 21.6561 12.0566 21.6561 12.0563 21.6561C12.0562 21.6561 12.0551 21.6561 12.055 21.6561C12.0541 21.6561 12.0531 21.6561 12.0522 21.6561C11.5521 21.6555 11.0821 21.4606 10.7285 21.107ZM16.2352 20.3408C16.4023 19.0825 16.0042 17.7629 15.0394 16.798L12.8849 14.6436C12.6559 14.4145 12.3555 14.3001 12.0553 14.3003C11.7551 14.3001 11.4547 14.4145 11.2256 14.6436L9.07118 16.798C8.10673 17.7625 7.70862 19.0815 7.87516 20.3393C5.98352 19.0162 4.74377 16.8221 4.74377 14.3436C4.74377 13.2424 4.98635 12.177 5.44606 11.2094C6.19507 12.388 7.51245 13.1717 9.0094 13.1717C9.68257 13.1717 10.3537 13.0081 10.9503 12.6985C11.4473 12.4406 11.6924 11.8669 11.5352 11.3294C10.8116 8.85521 10.6926 6.50508 11.1817 4.34433C11.2466 4.0576 11.3185 3.79341 11.3929 3.55275C12.7537 5.2725 14.1839 6.3833 15.4818 7.39135C17.8224 9.20935 19.3687 10.4104 19.3688 14.3437C19.3688 16.8231 18.1281 19.0178 16.2352 20.3408Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;} .lpu-ar__bas--yg > span:before{content:"";-ms-flex:0 0 20px;flex:0 0 20px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23F46924'/%3E%3Cg transform='translate(4.68,4.68) scale(0.61)' fill='%23FFFFFF'%3E%3Cpath d='M11.3029 7.28906C11.3029 6.64186 11.8276 6.11719 12.4748 6.11719C13.122 6.11719 13.6466 6.64186 13.6466 7.28906V12.4922C13.6466 12.9248 13.4121 13.3023 13.0635 13.5053L13.0607 13.507L8.55466 16.1086C8.00388 16.377 7.36521 16.3066 6.95388 15.6797C6.5988 15.1386 6.82226 14.4025 7.38279 14.0789L11.3029 11.8156V7.28906Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C8.79469 24 5.78123 22.7518 3.51469 20.4853C1.24823 18.2188 0 15.2053 0 12C0 8.79469 1.24823 5.78123 3.51469 3.51469C5.78123 1.24823 8.79469 0 12 0C15.2053 0 18.2188 1.24823 20.4853 3.51469C22.7518 5.78123 24 8.79469 24 12C24 15.2053 22.7518 18.2188 20.4853 20.4853C18.2188 22.7518 15.2053 24 12 24ZM12 2.34375C6.67552 2.34375 2.34375 6.67552 2.34375 12C2.34375 17.3245 6.67552 21.6562 12 21.6562C17.3245 21.6562 21.6562 17.3245 21.6562 12C21.6562 6.67552 17.3245 2.34375 12 2.34375Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;} .lpu-ar__tem{padding:0;border:0;background:none;font:12px 'Source Sans 3',sans-serif;letter-spacing:.2px;color:#252525;} .lpu-ar__ge{position:relative;display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;background:#FFF;} .lpu-ar__ge+.lpu-ar__ge:before{content:"";position:absolute;left:0;right:14px;top:0;height:1px;background:#EFEFEF;} .lpu-ar__gead{-ms-flex:1 1 auto;flex:1 1 auto;font-size:13.5px;color:#3D3D3D;text-transform:capitalize;} .lpu-ar__gesil{position:relative;-ms-flex:0 0 auto;flex:0 0 auto;width:22px;height:22px;} .lpu-ar__gesil:before,.lpu-ar__gesil:after{content:"";position:absolute;left:5px;top:10.5px;width:12px;height:1px;background:#D2CDC7;} .lpu-ar__gesil:before{transform:rotate(45deg);} .lpu-ar__gesil:after{transform:rotate(-45deg);} .lpu-ar__cips{display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px;padding:0 16px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .lpu-ar__cips::-webkit-scrollbar{display:none;} .lpu-ar__cip{-ms-flex:0 0 auto;flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid #EDEAE5;border-radius:8px;background:#FFF;font-size:12.5px;letter-spacing:.2px;color:#4A4A4A;text-decoration:none;white-space:nowrap;} .lpu-ar__cip:active{border-color:#F46924;color:#F46924;} .lpu-ar__serit{display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:10px;padding:0 16px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .lpu-ar__serit::-webkit-scrollbar{display:none;} .lpu-ar__kart{-ms-flex:0 0 104px;flex:0 0 104px;width:104px;border:1px solid #F0EEEA;border-radius:8px;background:#FFF;overflow:hidden;text-decoration:none;} .lpu-ar__kartgor{display:block;width:100%;height:156px;background:#F3F1F0 no-repeat center/cover;} .lpu-ar__kartad{display:-webkit-box;margin:8px 8px 4px;min-height:30px;font-size:11.5px;line-height:15px;color:#3D3D3D;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .lpu-ar__kartfi{display:block;margin:0 8px 9px;font-size:12.5px;font-weight:500;color:#242424;} .lpu-ar__urun{display:flex;align-items:center;gap:11px;margin:0 10px 6px;padding:9px 12px 9px 9px;border:1px solid #F0EEEA;border-radius:5px;background:#FFF;text-decoration:none;} .lpu-ar__gor{-ms-flex:0 0 58px;flex:0 0 58px;width:58px;height:87px;border-radius:4px;background:#F3F1F0 no-repeat center/cover;} .lpu-ar__bilgi{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;} .lpu-ar__ad{display:-webkit-box;margin:0 0 9px;font-size:13.5px;line-height:18px;color:#242424;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .lpu-ar__fiy{display:flex;align-items:baseline;gap:7px;} .lpu-ar__fiy i{font-style:normal;font-size:11.5px;color:#8A8A8A;text-decoration:line-through;} .lpu-ar__fiy b{font-size:14px;font-weight:500;color:#242424;} .lpu-ar__bos{padding:52px 16px;text-align:center;} .lpu-ar__bos b{display:block;margin:0 0 6px;font-size:14px;font-weight:500;color:#242424;} .lpu-ar__bos span{font-size:12.5px;color:#9A9A9A;} body .cartCheckoutProduct .checkoutProductContent{max-height: 400px;} .proDetailArea > div{padding:5px 10px;font-size:12px;} .proDetailArea{gap:5px;} body #productDetailRelated{padding:20px 0 0;} body #productDetailRelated .JKatAdi{margin:0 0 3px;} body #productDetailRelated>a{width:70px;} #divOnyazi .teksatir{margin-top:15px;font-size:12px;line-height:18px;} body .kombinItem{flex-wrap:wrap;} body .kombinItem .kombinleftImage{width:100%;} body .kombinItem .kombinRightDetail{width:100%;padding:10px 0;} body .kombinselectvaryasyon{width:100%;max-width: 100%;} div#divSatinAl{margin:20px 0 10px;} .detaySliderContainer .JKatAdi{padding:20px 0 10px;} div#UrunAksesuarDiv{float:left;width:100%;margin-top:20px;} body .leftImage .ProductGallery .gallery-container .GalleryArea,body .fullSliderImg .fullSliderListWrap{width: 100%;} div#divProductGalleryThumb{display:none!important;} body .fullSliderImg .fullSliderThumbWrap,body .fullSliderImg .swiper-pagination-container{display: none!important;} body #hizliBakis,body div#hizliBakisAltAlan{width:400px;padding: 10px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:10px 0 0;} body .lg-outer .lg-item:before,body .lg-outer .lg-img-wrap:before{height:50%;} body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav,#headerNew .newHeaderNavigation.mobileStyle .menu-wrap, body #headerNew .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu,body #headerNew .mobileStyle .header-cart-hover{width:100%;} body #mainHolder_divDesign .ticiContainer{padding:0!important;} section.landing-block.full{padding-left: 0!important;padding-right: 0!important;} body #mainHolder_divDesign .ticimaxTabHead li{float:none;} .footerTemp{margin-top: 20px;} .kategoriBaslik{margin:10px 0;} .productItem .productIconExButtons{visibility:visible;opacity:1;transform:translateY(0);} .ProductName h1 span{font-size: 17px;} .buyfast{margin-top:10px;} div#divTahminiTeslimatSuresi{flex-direction:row;margin:15px 0 0;} div#divTahminiTeslimatSuresi .boxIcon{margin:0 10px 0 0;} .ProductIcon .boxIcon,.ProductIcon2 .boxIcon{margin:0;} .urunTabAlt{font-size:12px;line-height:20px;} .urunTabAlt strong{font-size:14px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper a{font-size:12px;padding:0;height:30px;min-width:150px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerButtonWrapper{margin-top:10px;} .main .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10%;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:20px;} .multiblockWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc, .videoBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerDesc{font-size:12px;} body #mainHolder_divDesign .ticimaxTabHead li a{padding:0 10px;font-size:13px;height:38px;} body #mainHolder_divDesign .ticimaxTabHead li{margin:0 10px 0 0;} body #mainHolder_divDesign .ticimaxTabHead{margin:0 0 10px;} .ticimaxAnasayfaTab .Block_Link{top:-45px;} .productIconEx > div{line-height:22px;font-size:9px;min-width:30px;} .favori{top:10px;right:10px;} .productIconExButtons > div a{line-height:30px;font-size:12px;} .productItem .productName a{font-size:13px;} .productItem .regularPrice span{font-size:15px;} .productItem .discountPrice span{font-size:15px;} .productItem .productDetail{padding:5px 0 0;} a.itemCategory{margin:0 0 5px;font-size:11px;padding:5px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper{bottom:10px;padding:0 15px;} body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12.JKatAdi{padding-bottom:10px!important;padding-top: 10px!important;} #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,.JKatAdi .bold .satir1{font-size:19px;} #mainHolder_divDesign .JKatAdi.categoryTitle,.JKatAdi{padding:20px 0 15px;} .multiBlockSliderWrapper .bannerWrapper.blokTypeBackround .bannerDescriptionWrapper .bannerTitle{font-size:25px;} .Block_Link{top:15px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerTitle{font-size:17px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerDesc{font-size:13px;} .multiblockWrapper:not(.main) .bannerWrapper.blokTypeBackround.textCenterValign.textCenterHalign .bannerDescriptionWrapper .bannerButtonWrapper{margin:0;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper{padding:5px 0 0;gap:10px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerTitle{font-size:16px;} .multiblockWrapper .bannerWrapper.blokTypeTop.textLeftAlign .bannerDescriptionWrapper .bannerDesc{font-size:12px;} .ticiAlignCenter{flex-direction:column;align-items:center;text-align:center;gap:15px;} body .widgetDetail{padding:0;text-align:center;width:100%;} body .widgetTitle{text-align:center;font-size:12px;} body .widgetDesc{font-size:12px;line-height:1.3;} body .widgetCenterImage img{margin:auto;} section.elementor-section.mid .footerTempRow > div:last-child{width:100%;margin-top:25px;} .ticimaxAnasayfaTab .Block_Link{display:none!important;} body #mainHolder_divDesign .ticimaxTabHead ul{text-align:left;} #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.widgetDetail) > div{width:100%;min-width:100%;border-bottom:1px solid #e9e9e9;padding-bottom:10px!important;} #mainHolder_divDesign .t-vw-9 .ticiContainer .txrow:has(.widgetDetail) > div:last-child{border:none;} .urunOzellikTab{margin:0;} body .leftImage .ProductGallery .gallery-container .GalleryArea{position:static;opacity:1;width: 100%;aspect-ratio: 4/5;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item a{height:100%;float:left;width:100%;display:flex;align-items:center;justify-content:center;} body .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item .zoom-js img{height: auto;} body .fullSliderImg.mobileSwiper{max-height:calc(100vh - 214px);} #divUrunEkSecenek .eksecenekLine{margin-top: 10px;} body #headerNew .header-main .header-dil-content{display: none!important;} body .main .bannerVideoWrapper .blokResimLink,body .main .bannerWrapper .blokResimLink{height:70dvh;} body .main .bannerVideoWrapper .blokResimLink video,body .main .bannerWrapper .blokResimLink img{height:100%;object-fit:cover;} /*---------------------767------------------------*/ .Images, #divVideoGoruntulemeAlan{display: none;} .leftImage{float: left;width: 100%;margin-left: 0;padding-bottom: 0;} .RightDetail{width: 100%;padding: 10px 0 0;position: relative;top: auto;} .userLoginContent,.hesabimContent,.ticiContainer,.hContainer{max-width: 100%;padding: 0 5px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container{max-width: 100%!important;padding:0 10px!important;} section.landing-block,body #top-bar .headerContainer{padding:0 10px!important;} body ul.breadcrumb{max-width: 100%;padding: 0;margin: 0!important;} .markaSlider .jCarouselLite{padding: 0 10px;} .sliderBannerContainer .ProductList{padding: 0;} section.landing-block.main{padding:0!important;} body .divRelatedProductsPopup .ulRelatedProducts{flex-wrap:wrap;} body .ulRelatedProducts li{width:calc(50% - 5px);} body .ulRelatedProducts li span{font-size:11px;} body ul.breadcrumb li{float:none!important;} body .solAnaMenu ul li a{display:flex;align-items:center;} ul.footerMenuAlt.vertical{margin-bottom:20px;} section.elementor-section.mid .footerTempRow > div{max-width:100%;width:100%;} body:has(.newHeaderNavigation.mobileStyle.mobileactive) #back-to-top{display:none!important;} body #divTopProductSearch.dropactive .header-search-form-wrapper,body #divTopProductSearch .header-search-form-wrapper{padding:10px;border-top:1px solid #eee;height: 50px;} body #divTopProductSearch .searchform-wrapper #txtbxArama{height:30px;} body #divTopProductSearch .searchform-wrapper #btnKelimeAra{height:30px;} body.sepetimBody #top-bar{display:none;} body #divStokYok{margin-bottom:10px;} body:has(.RightDetail.StokYok) .detayFixed{display:none;} .ProductBody:has(.RightDetail.StokYok) .bottomHead{display: block;} body .hesabimBolumuTutucu{margin:10px 0;} body .footerTemp .footerMenul.accordionMode .footerMenuTitle:after{margin:0;} body .icerikIkiliBlok,body .UyelikSilmeAktifDiv{width:100%;} body .icerikIkiliBlok:nth-child(2n){width:100%;margin-top:20px;} body ng-form#FrmYeniUye{flex-direction:column;gap:20px;} body .userDivLeft,body .userDivRight,.uyeOlContainer #FrmYeniUye > .uyeOlCol{width:100%;} body .userDivLeft{margin-bottom:20px;} .favNum{display:none;} body .sepetItemB.sepetItemB1{width:58%;} body.sepetimBody .BasketPage{padding:5px !important;margin-bottom:60px !important;} body .BasketRigth.BasketHediyeCeki{margin-top:10px;} body.sepetimBody .MobileHeaderControl{margin-top:5px;} body.sepetimBody .MobileHeaderControlContent{margin-bottom:5px;} body .BasketDetailContainer{margin-top:5px;} body .footerTemp .footerMenul.accordionMode .footerMenuAlt li{float:left;clear:left;} body .mobilFilterOpenBtn .button{width:calc(50% - 5px);} body #divSayfalamaUst{margin:0 0 10px;} body .mobilFilterOpenBtn .button:before{margin-right:10px;width:18px;font-size:0;} body .mobilFilterOpenBtn .button.mobilFilterBtn:before{background:url(../../Uploads/EditorUploads/images/mfiltre.svg) no-repeat center / contain;} body .mobilFilterOpenBtn .button.mobilSiralamBtn:before{background:url(../../Uploads/EditorUploads/images/msiralaicon.svg) no-repeat center / contain;} body .category-vertical-filters.top-filters{background:#fff;} body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float:right;} #divMobileImageList img{width:100%;} #divMobileImageList .owl-nav{display:flex;justify-content:space-between;left: 15px;right: 15px;} #divMobileImageList{float:left;width:100%;position:relative;border-radius: 0;overflow: hidden;aspect-ratio: 4/5;} #divMobileImageList .owl-nav > div,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div{font-size:0;width: 36px;height: 36px;background: #fff;border-radius: 0;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 3px 3px 30px #0000001A;} #divMobileImageList .owl-nav > div.owl-prev span:after,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-prev span::after{content:'\f104';display: block!important;} #divMobileImageList .owl-nav > div.owl-next span:after,body .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > div.owl-next span:after{content:'\f105';} .detayFixed{position:fixed;bottom:0;z-index:9;left:0;right:0;height:60px;display:none;justify-content:space-between;align-items:center;padding:0 10px;background:#fff;box-shadow: 0px 0px 33px #00000014;} .fixedPrice{font-size:25px;font-weight:800;color:#000000;} .fixedSepet{float:right;width:100%;max-width:207px;} .fixedSepet input{width:100%;font-size:14px;font-weight:800;line-height:45px;padding:0;text-transform:uppercase;} .fixedPrice .PiyasafiyatiContent .right_line *,.fixedPrice .IndirimliFiyatContent .right_line *{font-size:18px;line-height: 1.3;float: left;} .detayFixed .PiyasafiyatiContent .right_line,.detayFixed .IndirimliFiyatContent .right_line{float:left;} .fixedPrice .PiyasafiyatiContent{float:left;margin:0;width:100%;} .sepetItemB.sepetItemB4.sepetFiyatBold{width:100%!important;} body #productDetailRelated .JKatAdi .bold .satir1{font-size:13px;} #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line{width:100%;} body.sepetimBody #divTicimaxCopyrightContent{display:none;} body.sepetimBody #headerNew,.sepetimBody .footerTemp {display: none;} body .sepetItemB.sepetItemB2 { width: 60%;} body .adetGuncelleContent {margin: 10px 0 0;} body.sepetimBody .wp-fixed {display: none;} body.overflow{overflow: hidden;} #divIcerik.homepage{margin: 0 auto;} body{padding-top: 0;} body.sepetimBody { padding-top: 0; } .userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;} .userContainer .userRightBox{margin-top: 20px;} .SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;} #divIcerik{padding: 0 10px;margin: 0 auto;} .proCategoryTitle.categoryTitleText{padding: 0 10px;} #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 60px;} #divTicimaxCopyrightContent a{display: inline-block;} #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;} body:has(.newHeaderNavigation.mobileactive) .bottomHead,body:has(.filterBlock.active) .bottomHead{display:none!important;} /*sepetalan*/ /*Sabit sayfalar icerik*/ .spanTittle { font-size: 18px !important; } .iletisimContent .iletisimForm{width: 100%;padding: 0;} .iletisimContent .AdBan{width: 100%;} .iletisimContent .categoryTitle {margin: 0;} .iletisimContent .categoryTitle .categoryTitleText{line-height: 65px;} .iletisimContent .categoryTitle:before{display:none;} .iletisimContent .iletisimRight .categoryTitle {margin-bottom: 10px;} .iletisimContent .iletisimRight .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;} .iletisimContent .iletisimForm .categoryTitle {margin-bottom: 10px;} .iletisimContent .iletisimForm .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;} .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: none;display: block;margin: 10px 0 0;} .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 17px;} .iletisimContent .iletisimRight .iletisimbanka .span > div span{font-size: 12px;} .iletisimContent .iletisimLeft .Right{font-size: 12px;} .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right{font-size: 20px;} .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; } .SifremiUnuttum { width: 100%; margin: 0; padding: 0; } .SifremiUnuttum .line { width: 100%; } .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; } .SifremiUnuttum .button { width: 30%; } /*Arama*/ .ButtonMic{right:40px;height: 40px;} /*urun butonlari*/ .ProductIcon{margin: 0;float: left;width: 100%;} .ProductIcon > div{margin: 0 0 10px;float: left;width: 100%;} .ProductIcon2 > div{margin: 0 0 10px;float: left;width: 100%;} .ProductIcon > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;flex-direction: row;gap: 10px;} .ProductIcon2 > div > a{justify-content: flex-start; -webkit-justify-content: flex-start;flex-direction: row;gap: 10px;} .socialButons iframe{margin-right: 10px;} .socialButons .UWhatsApp{float: left;margin-right: 10px;} .socialButons .UTelegram{float: left;margin-right: 10px;} .TopDet .product_social_icon_wrapper{text-align:center;margin: 20px 0 0;float: left;width: 100%;padding: 0;} .TopDet .product_social_icon_wrapper .PaylasTit{} /******************************************************/ .bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1002;background: #fff;border-top: 1px solid #cecece;display: block;} .bottomHead ul{margin: 0;list-style: none;padding: 0;} .bottomHead ul li{float: left;width: 25%;} .bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 0;color: #000;position: relative;height: 60px;display: flex;flex-direction: column;gap: 3px;align-items: center;justify-content: center;} .bottomHead ul li a svg{width: 19px;display: block;margin: 0 auto;height: 21px;} .bottomHead ul li.welcC a svg{margin-bottom: 0;} /*Footer*/ #ticimaxCopyright{margin-top: 5px!important;font-size: 11px;} #back-to-top{bottom: 11%;right: 2%;} #back-to-top a{width: 30px;height: 30px;} /*kategori*/ .categoryContainer .categoryTitleText{padding: 0;margin: 0;} .ProductBody .categoryTitle{padding: 0;margin: 0;} body .category-vertical-filters.top-filters{width: 100%;height: 100%;box-shadow: none;border: none;border-radius: 0;} body ul.breadcrumb{white-space: nowrap;position: relative;overflow: auto;flex-wrap: nowrap;} body ul.breadcrumb::-webkit-scrollbar{width: 0;height: 0;} body ul.breadcrumb.zindex{z-index: -1;pointer-events: none;} body ul.breadcrumb:after{position: absolute;left:0;right: 0;top: 0;bottom: 0;z-index: 99;content: '';display: block;} body ul.breadcrumb li:nth-child(1) a:before{display: none;} body ul.breadcrumb:before{content: '\f015';font-family: 'FontAwesome';font-weight: 300;line-height: 40px;margin-right: 5px;display:inline-block;vertical-align:top;display: none;} body ul.breadcrumb * {line-height: 40px!important;font-size: 13px!important;max-width: max-content;text-decoration:none;padding: 0!important;} body ul.breadcrumb li:after {line-height: 40px;font-size: 13px!important;content: '...';margin: 0 2px;display: none;} body ul.breadcrumb li {font-size: 0!important;} body ul.breadcrumb li:nth-last-of-type(1) a span:after{display: none;} body ul.breadcrumb li:nth-last-of-type(1) {max-width: 80%;} body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 13px!important;text-overflow: ellipsis; overflow: hidden} body ul.breadcrumb li a span{font-size: 13px!important;} body ul.breadcrumb li a span:after{content: '\f105';font-family: 'FontAwesome';font-size: 14px!important;display: inline-block;vertical-align:top;line-height: 40px;font-weight: 300;margin: 0 4px 0 7px;} .categoryTitleText{position: relative;z-index: 9;} .breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);} .breadList.breadActive{display: block!important;} .breadList ul{list-style: none;} .breadList .mBread{float: left;width: 100%;} .breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;} .breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;} .breadList .mBread ul li a{float: left;width: 100%;font-size: 11px;color: #454545; padding:6px 8px;position: relative;} .breadList .mBread ul li a:before{content: '\f148';font-family: 'FontAwesome';font-size: 10px;position: absolute;left: -5px;top: 8px; transform: rotate(90deg);-webkit-transform: rotate(90deg);} .breadList .mBread ul li a span{font-weight: normal;line-height: 15px;} .breadList .mBread ul li ul{padding-left: 4px;} .breadList .mBread >ul >li >a span{font-weight: 600;} .breadList .clbtn{position: absolute;right: 5px;top: 10px;width: 30px;text-align:center;font-size: 18px;color: #000;z-index: 99;} .categoryContainer .breadList .clbtn{right: -5px;} .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;} body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;margin-bottom: 10px;} .categoryContainer .ProductList{margin: 0 -5px;} .categoryContainer .ProductListContent .productItem{margin-bottom: 0;} body .mobilFilterOpenBtn .button{font-size: 14px;} /*urundetay*/ body a#linkOncekiSayfa{display: none;} body .leftImage a#linkOncekiSayfa {position: absolute;top: 0;left: 0;width: 35px;background: #fff;text-align:center;font-size: 0!important;font-family: 'FontAwesome';color: #000;z-index: 5;line-height: 35px;display: none;} body .leftImage a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;} #divUrunKodu{clear: left;float: left;line-height: 14px;} #divUrunKodu span{line-height: 14px;} #divTaksitAciklama{clear: left;float: left;} /*mobilicerik*/ .detaySliderContainer{margin: 0;} .sliderBannerContainer{margin: 0;} } @media screen and (min-width:414px) { } @media screen and (min-width:375px) and (max-width:413px) { } @media screen and (min-width:0px) and (max-width:449px){ .categoryContainer .breadList .clbtn{right: -5px;} .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} body:not(.sepetimBody) .ItemOrj{width: 100%;max-width: 100%;flex: 0 0 100%;} body #hizliBakis,body div#hizliBakisAltAlan{width:325px;padding: 10px;} body .ProductPreviewLeft{width:100%;} body .ProductPreviewRight{width:100%;padding:10px 0 0;} } .RenkSecimi { position: fixed; width: 300px; background: #fafafa; z-index: 999; padding: 0; top: 0; bottom: 0; left:0} .RC-Title { font-size: 15px; font-weight: 700; background: #15284b; color: #fff; text-align: left; padding: 0 20px; line-height: 50px; float: left; width: 100%; } .RC-Detail {display:none; float: left;width: 100%;padding: 0px 10px 0px 10px;max-height: 100%;overflow: hidden;overflow-y: auto;position: absolute;top: 110px;bottom: 100px;} .RC-MainColor {background: #fff;float: left;width: calc(100% - 20px);border: 1px solid #eee;padding: 0 0 0 10px;margin: 10px;border-radius: 5px;} .RC-Tab { float: left; width: 100%; } .RC-TabRow {float: left;width: 100%;border: 1px solid #eee;background: #fff;margin-bottom: 10px;} .RC-TabRow:last-child{margin-bottom:0} .RC-TabRow .RC-TabTitle {font-size: 14px;font-weight: 600;color: #555;float: left;width: calc(100% + 2px);padding: 0 10px;border-bottom: 1px solid #eee;cursor: pointer;line-height: 45px;margin-left: -1px;margin-top: -1px;} .RC-TabRow.active .RC-TabTitle { color: #fff; background: #15284b; } .RC-TabRow .RC-TabDetail { float: left; width: 100%; display: none; padding: 10px; } .RC-TabRow .RC-TabDetail ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; } .RC-TabRow .RC-TabDetail ul li {float: left;width: 100%;border: 1px solid #eee;padding: 0 0 0 10px;margin: 5px 0;border-radius: 5px;} .RC-TabRow.active .RC-TabDetail { display: block; } .RC-TabRow .RC-TabTitle:after { content: '\f078'; float: right; font-size: 14px; font-family: 'FontAwesome'; line-height: 45px; display: block; margin-right: 5px; } .RC-TabRow.active .RC-TabTitle:after { content: '\f077'; } .RenkSecimi label { padding: 0; font-size: 12px; position: relative; z-index: 2; pointer-events: none; width: auto; float: left; clear: both; line-height: 40px; font-weight: 500; } .RenkSecimi input.jscolor { appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 0; left: 0; bottom: 0; height: 40px; border-radius: 0; cursor: pointer; width: 70px; border: 0; border-left: 1px solid #eee; font-size: 11px; padding: 0 10px; float: right; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .RenkSecimi input:last-child { margin: 0; } .RC-Detail::-webkit-scrollbar { width: 5px; } .RC-Detail::-webkit-scrollbar-track { background: #fafafa; } .RC-Detail::-webkit-scrollbar-thumb { background: #15284b; } .RC-Buttons {position: absolute;bottom: 10px;left: 10px;right: 10px;} .RC-Reset {width: calc(50% - 5px);line-height: 35px;background: #15284b;color: #fff;text-align: center;border-radius: 5px;float: right;cursor:pointer;} .RC-Save {width: 100%;line-height: 35px;background: green;color: #fff;text-align: center;border-radius: 5px;float: left;margin: 10px 0 0 0;cursor:pointer;} .RC-Cancel {width: calc(50% - 5px);line-height: 35px;background: #ca0c0c;color: #fff;text-align: center;border-radius: 5px;float: left;cursor:pointer;} .RC-Cancel:hover{background: #a20b0b;} .RC-Save:hover{background: #0d940d;} .RC-Reset:hover{background: #213f75;} .RC-UrunBox {float: left;width: 100%;margin: 10px 0 0 0;background: #fff;border: 1px solid #eee;padding: 10px;} .RC-UrunBox-Title {float: left;width: 100%;font-size: 14px;line-height: 1.4;font-weight: 600;margin: 5px 0 0 0;} .RC-UrunBox ul {float: left;width: calc(100% + 10px);list-style: none;padding: 0;margin: 10px -5px 0;} .RC-UrunBox ul li {float: left;position: relative;width: calc(33.33% - 10px);border: 1px solid #eee;margin: 0 5px;padding: 5px 0;} .RC-UrunBox ul li span:before{content:'-';content: '\f111';font-family: 'FontAwesome';font-size: 0;position: absolute;top: 5px;left: 0;right: 0;text-align: center;color: #fff;line-height: 55px;} .RC-UrunBox ul li input[type="radio"]:checked+span:before{content: '\f058';font-family: 'FontAwesome';font-size: 18px;} .RC-UrunBox ul li span{font-size: 12px;display:inline-block;vertical-align:middle;line-height: 1.5;width: 100%;text-align: center;} .RC-UrunBox ul li input{display:inline-block;vertical-align:middle;margin-top: 0;margin-left: 0;position: absolute;width: 100%;height: 100%;z-index: 9;cursor: pointer;opacity: 0;margin: 0;} .RC-UrunBox ul li span i{font-size: 45px;color: #999;width: 100%;text-align: center;line-height: 55px;} /* La Pablo — ortak stil. başlangıç */ /* — Sayfa zemini (yalnız yardım + yasal sayfaları) — */ #divIcerik.pageContainer:has(#byhRoot), #divIcerik:has(#byhRoot), #divIcerik.pageContainer:has(#lglRoot), #divIcerik:has(#lglRoot){ background:rgb(250 250 250) !important; } /* ===== Yardım sayfaları (.byh) ===== */ /* ---- Sayfa zemini (yalnız yardım sayfaları) ---- */ /* ---- Reset ---- */ .byh, .byh *{ box-sizing:border-box; margin:0; padding:0; } /* sss: tüm öğeler (form dahil) site fontunu miras alsın — yalnız SSS'te (orijinaldeki gibi) */ .byh:where(:has(.byh__qt)) *{ font-family:inherit; } /* ---- Tokenlar (tüm sayfalar ortak) ---- */ .byh{ /* renk */ --clr-ink:#1F1F1F; --clr-ink-2:#484848; --clr-muted:#767676; --clr-lead:#909090; --clr-line:#E6E6E6; --clr-line-soft:#EFEFEF; --clr-line-hover:#D2D2D2; --clr-panel:#FFFFFF; --clr-brand:#F46924; --clr-brand-ink:#C9501A; --clr-brand-soft:#FDEFE4; --clr-brand-wash:#FFFAF6; --clr-arrow:#C4C4C4; --clr-arrow-bg:#F5F5F5; --clr-icon-bg:#F4F3F1; --clr-zebra:#FAFAF9; --clr-alt:#FAFAF9; --clr-wa:#25A55B; --clr-wa-soft:#EAF6EF; /* boşluk */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:28px; --sp-8:32px; --sp-9:36px; /* radius */ --rad-sm:9px; --rad-md:11px; --rad-lg:14px; --rad-xl:22px; --rad-pill:999px; /* tipografi */ --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --fs-xs:12px; --fs-sm:12.5px; --fs-md:14px; --fs-base:15px; --fs-lg:16px; --fs-xl:19px; --fs-title:clamp(22px, calc(1.8vw + 14px), 32px); --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extra:800; --fw-title:700; --lh:1.55; /* ikon */ --ic-size:42px; --ic-radius:var(--rad-md); --ic-svg:22px; /* motion */ --dur:.18s; --dur-lg:.5s; --ease:cubic-bezier(.2,.7,.3,1); /* katman genişlik */ --wrap:980px; font-family:var(--font); color:var(--clr-ink); background:transparent; line-height:var(--lh); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; display:block; } /* iletişim: geniş katman + büyük sp-9 (kendi değerleri) */ #byhRoot:has(.byh__co-card){ --wrap:1000px; --sp-9:38px; } /* sss: site fontunu miras al + daha ferah satır (kendi değerleri) */ #byhRoot:has(.byh__qt){ font-family:inherit; line-height:1.6; } /* ---- Tüm sayfalarda birebir aynı bileşenler (tek sefer) ---- */ .byh__ic svg{ width:var(--ic-svg); height:var(--ic-svg); } .byh__ic.ic-sm{ --ic-size:34px; --ic-radius:var(--rad-sm); --ic-svg:18px; } /* Açılış animasyonu KAPALI: bloklar opacity:0 + translateY(10px) ile başlayıp kademeli beliriyordu; sayfa açılırken kayma ve solukluk hissi veriyordu. */ .byh--js .byh__reveal, .byh--js .byh__reveal.is-in{ opacity:1; transform:none; transition:none; transition-delay:0s; } .byh__crumb{ display:flex; align-items:center; gap:2px; margin-bottom:var(--sp-6); font-size:var(--fs-xs); font-weight:var(--fw-medium); flex-wrap:wrap; } .byh__crumb a{ display:inline-flex; align-items:center; gap:6px; color:var(--clr-muted); padding:6px 10px; border-radius:var(--rad-pill); transition:background var(--dur), color var(--dur); } .byh__crumb a:hover{ color:var(--clr-brand-ink); background:var(--clr-brand-soft); } .byh__crumb a svg{ width:14px; height:14px; } .byh__eyebrow svg{ display:none; } .byh__crumb-sep{ width:15px; height:15px; color:#CFCFCF; } .byh__crumb-cur{ display:inline-flex; align-items:center; color:var(--clr-ink); font-weight:var(--fw-semibold); padding:6px 4px; } @media (max-width:560px){ .byh__crumb{ display:none; } } @media (prefers-reduced-motion:reduce){ .byh--js .byh__reveal{ opacity:1 !important; transform:none !important; } } /* ---- Genel öğe seçicileri (yalnız ait olduğu sayfaya kapsanır) ---- */ .byh:where(:has(.byh__qc)) a, .byh:where(:has(.byh__ir-hero)) a, .byh:where(:has(.byh__bt-table)) a, .byh:where(:has(.byh__co-card)) a{ text-decoration:none; color:inherit; } .byh:where(:has(.byh__qc)) h1, .byh:where(:has(.byh__qc)) h2, .byh:where(:has(.byh__qc)) h3, .byh:where(:has(.byh__qc)) p, .byh:where(:has(.byh__qc)) span, .byh:where(:has(.byh__qc)) small, .byh:where(:has(.byh__qc)) div, .byh:where(:has(.byh__qc)) nav{ line-height:inherit; } .byh:where(:has(.byh__qc)) svg, .byh:where(:has(.byh__ir-hero)) svg, .byh:where(:has(.byh__bt-table)) svg, .byh:where(:has(.byh__co-card)) svg{ display:block; } :where(#byhRoot:has(.byh__qt)) mark{ background:var(--clr-brand-soft); color:var(--clr-brand-ink); padding:0 2px; border-radius:3px; font-weight:600; } /* ---- Animasyonlar (keyframes) ---- */ @keyframes byhIn{ from{ opacity:0; transform:translateY(4px);} to{ opacity:1; transform:none;} } @keyframes byhFlash{ 0%{ border-color:var(--clr-brand); box-shadow:0 0 0 3px var(--clr-brand-soft);} 100%{ box-shadow:0 0 0 0 rgba(0,0,0,0);} } @keyframes byhBtIn{ from{ opacity:0; transform:translateY(4px);} to{ opacity:1; transform:none;} } /* — HUB (Yardım Merkezi) — */ :where(#byhRoot:has(.byh__qc)) .byh__wrap{ max-width:var(--wrap); margin:0 auto; padding:clamp(var(--sp-5),4vw,var(--sp-9)) clamp(var(--sp-4),3vw,var(--sp-6)) 64px; } :where(#byhRoot:has(.byh__qc)) .byh__ic{ width:var(--ic-size); height:var(--ic-size); border-radius:var(--ic-radius); background:var(--acbg,var(--clr-brand-soft)); color:var(--ac,var(--clr-brand)); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; } :where(#byhRoot:has(.byh__qc)) .byh__ic.ic-lg{ --ic-size:50px; --ic-radius:13px; --ic-svg:24px; } :where(#byhRoot:has(.byh__qc)) .byh__ic.ic-md{ --ic-size:42px; --ic-radius:var(--rad-md); --ic-svg:22px; } :where(#byhRoot:has(.byh__qc)) .byh__hero{ text-align:center; border:1px solid var(--clr-line); border-radius:var(--rad-xl); padding:clamp(var(--sp-8),4.5vw,50px) var(--sp-6); margin-bottom:var(--sp-9); background:var(--clr-panel); } :where(#byhRoot:has(.byh__qc)) .byh__hemblem{ width:58px; height:58px; margin:0 auto var(--sp-4); border-radius:17px; background:var(--clr-brand-soft); border:0; display:flex; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__qc)) .byh__hemblem svg{ width:29px; height:29px; color:var(--clr-brand); } :where(#byhRoot:has(.byh__qc)) .byh__eyebrow{ display:inline-block; font-size:11px; font-weight:var(--fw-bold); letter-spacing:.15em; color:var(--clr-muted); background:none; border:0; padding:0; margin-bottom:var(--sp-2); } :where(#byhRoot:has(.byh__qc)) .byh__htitle{ font-size:var(--fs-title); font-weight:var(--fw-title); line-height:1.2; letter-spacing:-.02em; } :where(#byhRoot:has(.byh__qc)) .byh__htitle span{ color:var(--clr-brand); } :where(#byhRoot:has(.byh__qc)) .byh__hsub{ margin:var(--sp-3) auto 0; max-width:52ch; font-size:var(--fs-md); color:var(--clr-lead); line-height:1.65; } :where(#byhRoot:has(.byh__qc)) .byh__search{ margin:var(--sp-7) auto 0; max-width:680px; } :where(#byhRoot:has(.byh__qc)) .byh__search-field{ display:flex; align-items:center; gap:var(--sp-2); background:#F9F9F9; border:1px solid #ECECEC; border-radius:10px; padding:2px 6px 2px var(--sp-5); transition:border-color var(--dur); } :where(#byhRoot:has(.byh__qc)) .byh__search-field:focus-within{ border-color:var(--clr-brand); } :where(#byhRoot:has(.byh__qc)) .byh__search-field .byh__search-ico{ display:none; } :where(#byhRoot:has(.byh__qc)) .byh__search-input{ flex:1 1 auto; min-width:0; border:0; outline:0; background:transparent; font-family:var(--font); font-size:var(--fs-md); color:var(--clr-ink); padding:12px var(--sp-1); } :where(#byhRoot:has(.byh__qc)) .byh__search-input::placeholder{ color:var(--clr-muted); } :where(#byhRoot:has(.byh__qc)) .byh__search-btn{ flex:0 0 auto; height:auto; padding:10px; display:inline-flex; align-items:center; justify-content:center; background:transparent; color:var(--clr-brand); border:0; border-radius:var(--rad-sm); cursor:pointer; transition:color var(--dur); } :where(#byhRoot:has(.byh__qc)) .byh__search-btn:hover{ color:var(--clr-brand-ink); } :where(#byhRoot:has(.byh__qc)) .byh__search-btn-txt{ display:none; } :where(#byhRoot:has(.byh__qc)) .byh__search-btn svg{ width:22px; height:22px; } :where(#byhRoot:has(.byh__qc)) .byh__search-hints{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; margin-top:var(--sp-5); } :where(#byhRoot:has(.byh__qc)) .byh__search-lbl{ font-size:var(--fs-sm); color:var(--clr-muted); margin-right:4px; } :where(#byhRoot:has(.byh__qc)) .byh__search-hint{ font-family:var(--font); font-size:var(--fs-md); color:var(--clr-ink-2); background:transparent; border:1px solid var(--clr-line); border-radius:var(--rad-sm); padding:8px 16px; cursor:pointer; transition:border-color var(--dur), color var(--dur), background var(--dur); } :where(#byhRoot:has(.byh__qc)) .byh__search-hint:hover{ border-color:var(--clr-brand); color:var(--clr-brand-ink); background:var(--clr-brand-soft); } :where(#byhRoot:has(.byh__qc)) .byh__group{ margin-bottom:var(--sp-8); } :where(#byhRoot:has(.byh__qc)) .byh__glabel{ font-size:var(--fs-xs); font-weight:var(--fw-bold); letter-spacing:.09em; text-transform:uppercase; color:var(--clr-muted); margin:0 2px var(--sp-3); } :where(#byhRoot:has(.byh__qc)) .byh__quick{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-4); align-items:stretch; } :where(#byhRoot:has(.byh__qc)) .byh__qc{ display:flex; align-items:center; gap:var(--sp-4); background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-5); transition:border-color var(--dur), background var(--dur); } :where(#byhRoot:has(.byh__qc)) .byh__qc:hover{ border-color:var(--ac,var(--clr-brand)); background:color-mix(in srgb, var(--ac,var(--clr-brand)) 7%, #fff); } :where(#byhRoot:has(.byh__qc)) .byh__qc:focus-visible{ outline:2px solid var(--clr-brand); outline-offset:2px; } :where(#byhRoot:has(.byh__qc)) .byh__qc-ic{ width:54px; height:54px; flex:0 0 auto; border-radius:50%; border:1.6px solid var(--ac,var(--clr-brand)); color:var(--ac,var(--clr-brand)); background:var(--acbg,var(--clr-brand-soft)); display:inline-flex; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__qc)) .byh__qc-ic svg{ width:25px; height:25px; } :where(#byhRoot:has(.byh__qc)) .byh__qc-tx{ min-width:0; } :where(#byhRoot:has(.byh__qc)) .byh__qc-t{ display:block; font-size:var(--fs-lg); font-weight:var(--fw-bold); color:var(--clr-ink); line-height:1.3; } :where(#byhRoot:has(.byh__qc)) .byh__qc-s{ display:block; margin-top:4px; font-size:var(--fs-sm); color:var(--clr-muted); line-height:1.45; } :where(#byhRoot:has(.byh__qc)) .byh__qc-go{ flex:0 0 auto; margin-left:auto; width:19px; height:19px; color:var(--clr-arrow); transition:color var(--dur); } :where(#byhRoot:has(.byh__qc)) .byh__qc:hover .byh__qc-go{ color:var(--ac,var(--clr-brand)); } :where(#byhRoot:has(.byh__qc)) .byh__cols{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-3); align-items:stretch; } :where(#byhRoot:has(.byh__qc)) .byh__dc{ display:flex; flex-direction:column; background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:6px var(--sp-5) var(--sp-2); } :where(#byhRoot:has(.byh__qc)) .byh__dc-h{ display:flex; align-items:center; gap:var(--sp-3); padding:var(--sp-4) 0 var(--sp-3); } :where(#byhRoot:has(.byh__qc)) .byh__dc-h h3{ font-size:var(--fs-base); font-weight:var(--fw-bold); color:var(--clr-ink); } :where(#byhRoot:has(.byh__qc)) .byh__dc-h .byh__ic{ background:var(--clr-brand-soft); color:var(--clr-brand); } :where(#byhRoot:has(.byh__qc)) .byh__row{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); color:var(--clr-ink-2); font-size:var(--fs-md); padding:var(--sp-3) 0; border-top:1px solid var(--clr-line-soft); transition:color .16s, padding-left .16s; } :where(#byhRoot:has(.byh__qc)) .byh__row:hover{ color:var(--ac,var(--clr-brand-ink)); padding-left:var(--sp-1); } :where(#byhRoot:has(.byh__qc)) .byh__row .byh__rowarr{ width:15px; height:15px; color:var(--clr-arrow); transition:transform .16s, color .16s; } :where(#byhRoot:has(.byh__qc)) .byh__row:hover .byh__rowarr{ transform:translateX(3px); color:var(--ac,var(--clr-brand)); } :where(#byhRoot:has(.byh__qc)) .byh__cgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-3); } :where(#byhRoot:has(.byh__qc)) .byh__cc{ display:flex; flex-direction:column; align-items:center; text-align:center; background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-6) var(--sp-5); transition:border-color var(--dur), background var(--dur); } :where(#byhRoot:has(.byh__qc)) .byh__cc:hover{ border-color:var(--ac); background:color-mix(in srgb, var(--ac) 7%, #fff); } :where(#byhRoot:has(.byh__qc)) .byh__cc .byh__ic{ margin-bottom:var(--sp-3); } :where(#byhRoot:has(.byh__qc)) .byh__cc-title{ font-size:var(--fs-md); font-weight:var(--fw-bold); color:var(--clr-ink); } :where(#byhRoot:has(.byh__qc)) .byh__cc-val{ display:block; margin-top:var(--sp-1); font-size:var(--fs-md); font-weight:var(--fw-semibold); color:var(--ac); word-break:break-word; } :where(#byhRoot:has(.byh__qc)) .byh__cc small{ display:block; margin-top:var(--sp-1); font-size:var(--fs-sm); color:var(--clr-muted); } :where(#byhRoot:has(.byh__qc)) .byh__note{ text-align:center; margin-top:var(--sp-5); font-size:var(--fs-sm); color:var(--clr-muted); } @media (max-width:560px){ :where(#byhRoot:has(.byh__qc)) .byh__hero{ padding:var(--sp-8) var(--sp-5) var(--sp-8); } :where(#byhRoot:has(.byh__qc)) .byh__hemblem{ width:52px; height:52px; border-radius:15px; margin-bottom:var(--sp-3); } :where(#byhRoot:has(.byh__qc)) .byh__hemblem svg{ width:26px; height:26px; } :where(#byhRoot:has(.byh__qc)) .byh__eyebrow{ font-size:10.5px; letter-spacing:.13em; margin-bottom:var(--sp-2); } :where(#byhRoot:has(.byh__qc)) .byh__htitle{ letter-spacing:-.01em; } :where(#byhRoot:has(.byh__qc)) .byh__hsub{ margin-top:var(--sp-3); line-height:1.6; max-width:34ch; color:var(--clr-lead); } :where(#byhRoot:has(.byh__qc)) .byh__search{ margin-top:var(--sp-8); } :where(#byhRoot:has(.byh__qc)) .byh__search-field{ padding:4px var(--sp-3) 4px var(--sp-4); } :where(#byhRoot:has(.byh__qc)) .byh__search-input{ font-size:13.5px; padding:12px 0; } :where(#byhRoot:has(.byh__qc)) .byh__search-btn{ padding:8px; } :where(#byhRoot:has(.byh__qc)) .byh__search-btn svg{ width:19px; height:19px; } :where(#byhRoot:has(.byh__qc)) .byh__search-hints{ flex-wrap:nowrap; justify-content:center; gap:7px; margin-top:var(--sp-5); } :where(#byhRoot:has(.byh__qc)) .byh__search-lbl{ display:none; } :where(#byhRoot:has(.byh__qc)) .byh__search-hint{ padding:7px 13px; font-size:12px; } :where(#byhRoot:has(.byh__qc)) .byh__search-hint:last-child{ display:none; } } @media (max-width:920px){ :where(#byhRoot:has(.byh__qc)) .byh__quick{ grid-template-columns:repeat(2,1fr); } } @media (max-width:760px){ :where(#byhRoot:has(.byh__qc)) .byh__cols{ grid-template-columns:1fr; } :where(#byhRoot:has(.byh__qc)) .byh__cgrid{ grid-template-columns:1fr; } } @media (max-width:620px){ :where(#byhRoot:has(.byh__qc)) .byh__quick{ grid-template-columns:1fr; } } /* — SSS (Sık Sorulan Sorular) — */ :where(#byhRoot:has(.byh__qt)) .byh__wrap{ max-width:820px; margin:0 auto; padding:clamp(var(--sp-5),4vw,var(--sp-9)) 20px 72px; } :where(#byhRoot:has(.byh__qt)) .byh__hero{ text-align:center; padding:48px 20px 34px; } :where(#byhRoot:has(.byh__qt)) .byh__hemblem{ width:56px; height:56px; margin:0 auto 14px; border-radius:16px; background:var(--clr-brand-soft); display:flex; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__qt)) .byh__hemblem svg{ width:28px; height:28px; color:var(--clr-brand); } :where(#byhRoot:has(.byh__qt)) .byh__eyebrow{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.15em; color:var(--clr-muted); margin-bottom:10px; } :where(#byhRoot:has(.byh__qt)) .byh__title{ font-weight:var(--fw-title); font-size:var(--fs-title); line-height:1.2; letter-spacing:-.02em; } :where(#byhRoot:has(.byh__qt)) .byh__lead{ margin:var(--sp-3) auto 0; max-width:56ch; font-size:var(--fs-md); color:var(--clr-lead); line-height:1.65; } :where(#byhRoot:has(.byh__qt)) .byh__search{ position:relative; margin:26px auto 0; max-width:600px; } :where(#byhRoot:has(.byh__qt)) .byh__search input{ width:100%; font-size:var(--fs-md); color:var(--clr-ink); background:#F9F9F9; border:1px solid #ECECEC; border-radius:10px; padding:14px 46px 14px 18px; outline:none; box-shadow:none; transition:border-color .18s ease; } :where(#byhRoot:has(.byh__qt)) .byh__search input::placeholder{ color:#9A9A9A; } :where(#byhRoot:has(.byh__qt)) .byh__search input:hover{ border-color:#DEDEDE; } :where(#byhRoot:has(.byh__qt)) .byh__search input:focus{ border-color:var(--clr-brand); } :where(#byhRoot:has(.byh__qt)) .byh__search .byh__si{ position:absolute; right:16px; top:50%; transform:translateY(-50%); width:19px; height:19px; color:var(--clr-brand); pointer-events:none; } :where(#byhRoot:has(.byh__qt)) .byh__search.is-filled .byh__si{ display:none; } :where(#byhRoot:has(.byh__qt)) .byh__search .byh__sx{ position:absolute; right:8px; top:50%; transform:translateY(-50%); width:30px; height:30px; border:0; background:transparent; color:#9A9A9A; cursor:pointer; border-radius:6px; display:none; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__qt)) .byh__search .byh__sx:hover{ background:#F5F5F5; color:var(--clr-ink); } :where(#byhRoot:has(.byh__qt)) .byh__search.is-filled .byh__sx{ display:inline-flex; } :where(#byhRoot:has(.byh__qt)) .byh__search .byh__sx svg{ width:16px; height:16px; } :where(#byhRoot:has(.byh__qt)) .byh__tabbar{ overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; margin:28px -20px 0; padding:2px 20px 0; cursor:grab; user-select:none; -webkit-user-select:none; -webkit-overflow-scrolling:touch; } :where(#byhRoot:has(.byh__qt)) .byh__tabbar::-webkit-scrollbar{ display:none; } :where(#byhRoot:has(.byh__qt)) .byh__tabbar.is-drag{ cursor:grabbing; } :where(#byhRoot:has(.byh__qt)) .byh__tabs{ display:flex; gap:8px; width:max-content; } :where(#byhRoot:has(.byh__qt)) .byh__tab{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; font-size:13.5px; font-weight:500; color:var(--clr-ink-2); background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:9px; padding:10px 15px; cursor:pointer; transition:border-color .18s, color .18s, background .18s; } :where(#byhRoot:has(.byh__qt)) .byh__tab svg{ width:16px; height:16px; color:#9A9A9A; transition:color .18s; } :where(#byhRoot:has(.byh__qt)) .byh__tab:hover{ border-color:var(--clr-line-hover); } :where(#byhRoot:has(.byh__qt)) .byh__tab.is-active{ border-color:var(--clr-brand); color:var(--clr-brand-ink); background:var(--clr-brand-soft); } :where(#byhRoot:has(.byh__qt)) .byh__tab.is-active svg{ color:var(--clr-brand); } :where(#byhRoot:has(.byh__qt)) .byh__tab:focus-visible{ outline:2px solid var(--clr-brand); outline-offset:2px; } :where(#byhRoot:has(.byh__qt)) .byh__scroll{ position:relative; height:3px; border-radius:3px; background:var(--clr-line); margin:11px 4px 0; display:none; overflow:hidden; } :where(#byhRoot:has(.byh__qt)) .byh__scroll.is-on{ display:block; } :where(#byhRoot:has(.byh__qt)) .byh__scroll-thumb{ position:absolute; top:0; left:0; height:100%; min-width:26px; border-radius:3px; background:var(--clr-brand); will-change:transform,width; } :where(#byhRoot:has(.byh__qt)) .byh__panel{ display:none; } :where(#byhRoot:has(.byh__qt)) .byh__panel.is-active{ display:block; animation:byhIn .26s ease; } :where(#byhRoot:has(.byh__qt)) .byh__ph{ text-align:center; margin:30px 0 16px; } :where(#byhRoot:has(.byh__qt)) .byh__ph h2{ font-size:19px; font-weight:700; letter-spacing:-.01em; } :where(#byhRoot:has(.byh__qt)) .byh__ph span{ display:block; margin-top:4px; font-size:13px; color:var(--clr-muted); } :where(#byhRoot:has(.byh__qt)) .byh__acc{ display:flex; flex-direction:column; gap:10px; } :where(#byhRoot:has(.byh__qt)) .byh__item{ background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:10px; overflow:hidden; transition:border-color .18s; } :where(#byhRoot:has(.byh__qt)) .byh__item:hover{ border-color:var(--clr-line-hover); } :where(#byhRoot:has(.byh__qt)) .byh__item.is-open{ border-color:#F3BE9F; } :where(#byhRoot:has(.byh__qt)) .byh__item.is-flash{ animation:byhFlash 1.3s ease; } :where(#byhRoot:has(.byh__qt)) .byh__q{ width:100%; display:flex; align-items:center; gap:12px; text-align:left; font-size:var(--fs-base); font-weight:var(--fw-medium); color:var(--clr-ink); background:transparent; border:0; cursor:pointer; padding:16px 18px; transition:color .15s; } :where(#byhRoot:has(.byh__qt)) .byh__q:hover{ color:var(--clr-brand-ink); } :where(#byhRoot:has(.byh__qt)) .byh__q:focus-visible{ outline:2px solid var(--clr-brand); outline-offset:-3px; border-radius:10px; } :where(#byhRoot:has(.byh__qt)) .byh__qt{ flex:1; } :where(#byhRoot:has(.byh__qt)) .byh__chev{ flex:0 0 auto; width:18px; height:18px; color:#A0A0A0; transition:transform .3s ease, color .18s; } :where(#byhRoot:has(.byh__qt)) .byh__q:hover .byh__chev{ color:var(--clr-brand); } :where(#byhRoot:has(.byh__qt)) .byh__item.is-open .byh__chev{ transform:rotate(180deg); color:var(--clr-brand); } :where(#byhRoot:has(.byh__qt)) .byh__a{ max-height:0; overflow:hidden; transition:max-height .3s ease; } :where(#byhRoot:has(.byh__qt)) .byh__a-in{ padding:0 18px 18px; font-size:14.5px; line-height:1.7; color:var(--clr-ink-2); } :where(#byhRoot:has(.byh__qt)) .byh__a-in b{ color:var(--clr-ink); font-weight:600; } :where(#byhRoot:has(.byh__qt)) .byh__a-in a{ color:var(--clr-brand-ink); text-decoration:underline; text-underline-offset:2px; } :where(#byhRoot:has(.byh__qt)) .byh__a-in ul{ margin:10px 0 0; list-style:none; display:flex; flex-direction:column; gap:6px; } :where(#byhRoot:has(.byh__qt)) .byh__a-in li{ position:relative; padding-left:16px; } :where(#byhRoot:has(.byh__qt)) .byh__a-in li::before{ content:""; position:absolute; left:0; top:9px; width:5px; height:5px; border-radius:50%; background:var(--clr-brand); } :where(#byhRoot:has(.byh__qt)) .byh__prose{ background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:10px; padding:24px; text-align:left; } :where(#byhRoot:has(.byh__qt)) .byh__prose p{ font-size:15px; line-height:1.72; color:var(--clr-ink-2); margin-top:14px; } :where(#byhRoot:has(.byh__qt)) .byh__prose p:first-child{ margin-top:0; } :where(#byhRoot:has(.byh__qt)) .byh__prose b{ color:var(--clr-ink); font-weight:600; } :where(#byhRoot:has(.byh__qt)) .byh__values{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:22px; } :where(#byhRoot:has(.byh__qt)) .byh__value{ border:1px solid var(--clr-line); border-radius:10px; padding:18px; text-align:center; } :where(#byhRoot:has(.byh__qt)) .byh__value svg{ width:22px; height:22px; color:var(--clr-brand); margin-bottom:10px; } :where(#byhRoot:has(.byh__qt)) .byh__value h5{ font-size:14px; font-weight:700; margin-bottom:4px; } :where(#byhRoot:has(.byh__qt)) .byh__value p{ font-size:12.5px; line-height:1.5; color:var(--clr-muted); } :where(#byhRoot:has(.byh__qt)) .byh__rescount{ text-align:center; font-size:13.5px; color:var(--clr-muted); margin:26px 0 16px; } :where(#byhRoot:has(.byh__qt)) .byh__rescount b{ color:var(--clr-ink); font-weight:700; } :where(#byhRoot:has(.byh__qt)) .byh__empty{ text-align:center; padding:52px 20px; color:var(--clr-muted); } :where(#byhRoot:has(.byh__qt)) .byh__empty svg{ width:32px; height:32px; color:#CFCFCF; margin-bottom:12px; } :where(#byhRoot:has(.byh__qt)) .byh__empty b{ color:var(--clr-ink); } :where(#byhRoot:has(.byh__qt)) .byh__contact{ margin-top:40px; padding-top:28px; border-top:1px solid var(--clr-line); text-align:center; } :where(#byhRoot:has(.byh__qt)) .byh__contact h3{ font-size:16px; font-weight:700; } :where(#byhRoot:has(.byh__qt)) .byh__contact p{ font-size:13.5px; color:var(--clr-muted); margin-top:4px; } :where(#byhRoot:has(.byh__qt)) .byh__links{ display:flex; flex-wrap:wrap; gap:9px; justify-content:center; margin-top:16px; } :where(#byhRoot:has(.byh__qt)) .byh__link{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:var(--clr-ink); font-size:14px; font-weight:500; background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:9px; padding:11px 16px; transition:border-color .18s; } :where(#byhRoot:has(.byh__qt)) .byh__link:hover{ border-color:var(--clr-brand); } :where(#byhRoot:has(.byh__qt)) .byh__link svg{ width:16px; height:16px; color:var(--clr-brand); } @media (max-width:640px){ :where(#byhRoot:has(.byh__qt)) .byh__hero{ padding:34px 16px 26px; } :where(#byhRoot:has(.byh__qt)) .byh__wrap{ padding:0 14px 52px; } :where(#byhRoot:has(.byh__qt)) .byh__tabbar{ margin:22px -14px 0; padding:2px 14px 0; } :where(#byhRoot:has(.byh__qt)) .byh__q{ padding:15px 16px; font-size:14.5px; gap:10px; } :where(#byhRoot:has(.byh__qt)) .byh__a-in{ padding:0 16px 16px; } :where(#byhRoot:has(.byh__qt)) .byh__values{ grid-template-columns:1fr; } :where(#byhRoot:has(.byh__qt)) .byh__link{ flex:1 1 100%; justify-content:center; } } /* — İADE & DEĞİŞİM — */ :where(#byhRoot:has(.byh__ir-hero)) .byh__wrap{ max-width:var(--wrap); margin:0 auto; padding:clamp(var(--sp-5),4vw,var(--sp-9)) clamp(var(--sp-4),3vw,var(--sp-6)) 64px; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ic{ width:var(--ic-size); height:var(--ic-size); border-radius:var(--ic-radius); background:var(--acbg,var(--clr-brand-soft)); color:var(--ac,var(--clr-brand)); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-hero{ text-align:center; border:1px solid var(--clr-line); border-radius:var(--rad-xl); padding:clamp(var(--sp-8),4.5vw,50px) var(--sp-6); margin-bottom:var(--sp-8); background:var(--clr-panel); } :where(#byhRoot:has(.byh__ir-hero)) .byh__hemblem{ width:58px; height:58px; margin:0 auto var(--sp-4); border-radius:17px; background:var(--clr-brand-soft); border:0; display:flex; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__ir-hero)) .byh__hemblem svg{ width:29px; height:29px; color:var(--clr-brand); } :where(#byhRoot:has(.byh__ir-hero)) .byh__eyebrow{ display:inline-block; font-size:11px; font-weight:var(--fw-bold); letter-spacing:.15em; color:var(--clr-muted); background:none; border:0; padding:0; margin-bottom:var(--sp-2); } :where(#byhRoot:has(.byh__ir-hero)) .byh__htitle{ font-size:var(--fs-title); font-weight:var(--fw-title); line-height:1.2; letter-spacing:-.02em; } :where(#byhRoot:has(.byh__ir-hero)) .byh__hsub{ margin:var(--sp-3) auto 0; max-width:54ch; font-size:var(--fs-md); color:var(--clr-lead); line-height:1.65; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-cta{ display:inline-flex; align-items:center; gap:var(--sp-2); margin-top:var(--sp-6); background:var(--clr-brand); color:#fff !important; font-size:var(--fs-base); font-weight:var(--fw-bold); border-radius:var(--rad-sm); padding:14px 28px; transition:filter var(--dur), transform .12s; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-cta:hover{ filter:brightness(.96); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-cta:active{ transform:translateY(1px); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-cta svg{ width:19px; height:19px; color:#fff; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-badges{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--sp-3) var(--sp-6); margin-top:var(--sp-6); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-badge{ display:inline-flex; align-items:center; gap:var(--sp-2); font-size:var(--fs-md); font-weight:var(--fw-medium); color:var(--clr-ink-2); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-badge svg{ width:18px; height:18px; color:var(--clr-brand); flex:0 0 auto; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-sec{ margin-top:var(--sp-8); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-sech{ display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-4); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-sech h2{ font-size:var(--fs-lg); font-weight:var(--fw-bold); color:var(--clr-ink); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-3); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-step{ position:relative; background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-5); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-step-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--sp-3); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-step-num{ width:26px; height:26px; border-radius:var(--rad-pill); background:var(--clr-brand); color:#fff !important; display:flex; align-items:center; justify-content:center; font-size:var(--fs-sm); font-weight:var(--fw-bold); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-step > b{ display:block; font-size:var(--fs-base); font-weight:var(--fw-bold); color:var(--clr-ink); margin-bottom:var(--sp-1); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-step > span{ display:block; font-size:var(--fs-sm); color:var(--clr-muted); line-height:1.55; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-cols{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3); align-items:stretch; margin-top:var(--sp-8); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-card{ height:100%; background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-6); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-list{ list-style:none; display:flex; flex-direction:column; gap:var(--sp-3); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-list li{ position:relative; padding-left:26px; font-size:var(--fs-md); color:var(--clr-ink-2); line-height:1.55; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-list li svg{ position:absolute; left:0; top:2px; width:16px; height:16px; color:var(--ac,var(--clr-brand)); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-card p{ font-size:var(--fs-md); color:var(--clr-ink-2); line-height:1.65; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-card p + p{ margin-top:var(--sp-3); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-card p b{ color:var(--clr-ink); font-weight:var(--fw-semibold); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--sp-4); margin-top:var(--sp-3); background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-5) var(--sp-6); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help-l{ display:flex; align-items:center; gap:var(--sp-4); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help-l .byh__ic{ background:#E7F5EE; color:var(--clr-wa); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help-tx b{ display:block; font-size:var(--fs-base); font-weight:var(--fw-bold); color:var(--clr-ink); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help-tx span{ font-size:var(--fs-sm); color:var(--clr-muted); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help-actions{ display:flex; flex-wrap:wrap; gap:var(--sp-2); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-btn-wa{ display:inline-flex; align-items:center; gap:var(--sp-2); background:var(--clr-wa); color:#fff !important; font-size:var(--fs-md); font-weight:var(--fw-semibold); border-radius:var(--rad-sm); padding:11px 18px; transition:filter var(--dur); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-btn-wa:hover{ filter:brightness(.94); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-btn-wa svg{ width:16px; height:16px; color:#fff; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-btn-sss{ display:inline-flex; align-items:center; gap:var(--sp-2); background:var(--clr-panel); color:var(--clr-ink); border:1px solid var(--clr-line); font-size:var(--fs-md); font-weight:var(--fw-semibold); border-radius:var(--rad-sm); padding:11px 18px; transition:border-color var(--dur); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-btn-sss:hover{ border-color:var(--clr-brand); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-btn-sss svg{ width:16px; height:16px; color:var(--clr-brand); } @media (max-width:860px){ :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-steps{ grid-template-columns:repeat(2,1fr); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-cols{ grid-template-columns:1fr; } } @media (max-width:560px){ :where(#byhRoot:has(.byh__ir-hero)) .byh__htitle{ line-height:1.22; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-badges{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3); align-items:stretch; max-width:330px; margin:var(--sp-6) auto 0; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-badge{ flex-direction:column; justify-content:center; text-align:center; gap:7px; font-size:12px; line-height:1.3; background:#FFFAF6; border:1px solid var(--clr-line); border-radius:var(--rad-md); padding:var(--sp-4) var(--sp-2); } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-badge svg{ width:20px; height:20px; } } @media (max-width:520px){ :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-steps{ grid-template-columns:1fr; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help{ flex-direction:column; align-items:stretch; text-align:center; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help-l{ flex-direction:column; text-align:center; } :where(#byhRoot:has(.byh__ir-hero)) .byh__ir-help-actions{ justify-content:center; } } /* — BEDEN TABLOSU — */ :where(#byhRoot:has(.byh__bt-table)) .byh__wrap{ max-width:var(--wrap); margin:0 auto; padding:clamp(var(--sp-5),4vw,var(--sp-9)) clamp(var(--sp-4),3vw,var(--sp-6)) 64px; } :where(#byhRoot:has(.byh__bt-table)) .byh__ic{ width:var(--ic-size); height:var(--ic-size); border-radius:var(--ic-radius); background:var(--clr-brand-soft); color:var(--clr-brand); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; } :where(#byhRoot:has(.byh__bt-table)) .byh__hero{ text-align:center; border:1px solid var(--clr-line); border-radius:var(--rad-xl); padding:clamp(var(--sp-8),4.5vw,50px) var(--sp-6); margin-bottom:var(--sp-8); background:var(--clr-panel); } :where(#byhRoot:has(.byh__bt-table)) .byh__hemblem{ width:58px; height:58px; margin:0 auto var(--sp-4); border-radius:17px; background:var(--clr-brand-soft); border:0; display:flex; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__bt-table)) .byh__hemblem svg{ width:29px; height:29px; color:var(--clr-brand); } :where(#byhRoot:has(.byh__bt-table)) .byh__eyebrow{ display:inline-block; font-size:11px; font-weight:var(--fw-bold); letter-spacing:.15em; color:var(--clr-muted); background:none; border:0; padding:0; margin-bottom:var(--sp-2); } :where(#byhRoot:has(.byh__bt-table)) .byh__htitle{ font-size:var(--fs-title); font-weight:var(--fw-title); line-height:1.2; letter-spacing:-.02em; } :where(#byhRoot:has(.byh__bt-table)) .byh__hsub{ margin:var(--sp-3) auto 0; max-width:56ch; font-size:var(--fs-md); color:var(--clr-lead); line-height:1.65; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tabs{ display:flex; flex-wrap:wrap; gap:var(--sp-2); justify-content:center; margin-bottom:var(--sp-6); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab{ display:inline-flex; align-items:center; gap:var(--sp-2); cursor:pointer; font-size:var(--fs-md); font-weight:var(--fw-semibold); color:var(--clr-ink-2); background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-pill); padding:10px 18px; transition:border-color var(--dur), color var(--dur), background var(--dur); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab .byh__bt-tabic{ width:18px; height:18px; color:var(--clr-arrow); transition:color var(--dur); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab:hover{ border-color:#D6D6D6; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab.is-active{ color:var(--clr-brand); border-color:var(--clr-brand); background:var(--clr-brand-soft); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab.is-active .byh__bt-tabic{ color:var(--clr-brand); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab:focus-visible{ outline:2px solid var(--clr-brand); outline-offset:2px; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-panel{ display:none; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-panel.is-active{ display:block; animation:byhBtIn .28s ease; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-layout{ display:grid; grid-template-columns:1fr 340px; gap:var(--sp-3); align-items:stretch; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-left, :where(#byhRoot:has(.byh__bt-table)) .byh__bt-right{ min-width:0; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-card{ display:flex; flex-direction:column; height:100%; background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-5) var(--sp-6); min-width:0; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cardh{ display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-4); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cardh h2, :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cardh h3{ font-size:var(--fs-lg); font-weight:var(--fw-bold); color:var(--clr-ink); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-wrap{ overflow-x:auto; border:1px solid var(--clr-line); border-radius:var(--rad-md); -webkit-overflow-scrolling:touch; scrollbar-width:none; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-wrap::-webkit-scrollbar{ display:none; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-wrap.is-grab{ user-select:none; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table{ width:100%; border-collapse:separate; border-spacing:0; min-width:520px; font-size:var(--fs-md); font-variant-numeric:tabular-nums; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table th, :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table td{ padding:12px 10px; text-align:center; white-space:nowrap; border-bottom:1px solid var(--clr-line-soft); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table thead th{ background:var(--clr-brand-soft); color:var(--clr-brand); font-weight:var(--fw-bold); font-size:var(--fs-sm); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table tbody tr:nth-child(even) td{ background:var(--clr-zebra); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table tbody tr:last-child td{ border-bottom:0; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table tbody tr:hover td{ background:var(--clr-brand-soft); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table th:first-child, :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table td:first-child{ position:sticky; left:0; z-index:2; font-weight:var(--fw-bold); transition:box-shadow .2s ease; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-wrap.is-scrolled .byh__bt-table th:first-child, :where(#byhRoot:has(.byh__bt-table)) .byh__bt-wrap.is-scrolled .byh__bt-table td:first-child{ box-shadow:1px 0 0 0 #D8D4CF, 7px 0 8px -5px rgba(20,20,20,.13); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table thead th:first-child{ background:var(--clr-brand-soft); z-index:3; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table tbody td:first-child{ color:var(--clr-brand); background:var(--clr-panel); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table tbody tr:nth-child(even) td:first-child{ background:var(--clr-zebra); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-table tbody tr:hover td:first-child{ background:var(--clr-brand-soft); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-hint{ display:none; text-align:center; font-size:var(--fs-sm); color:var(--clr-muted); margin-top:var(--sp-3); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-hint svg{ display:inline-block; width:14px; height:14px; vertical-align:-2px; margin:0 4px; } :where(#byhRoot:has(.byh__bt-table)) .byh__note-line{ font-size:var(--fs-md); color:var(--clr-muted); line-height:1.6; margin-bottom:var(--sp-4); } :where(#byhRoot:has(.byh__bt-table)) .byh__figure{ background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-md); padding:var(--sp-3); max-width:300px; margin:0 auto var(--sp-5); } :where(#byhRoot:has(.byh__bt-table)) .byh__figure img{ display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:contain; border-radius:8px; } :where(#byhRoot:has(.byh__bt-table)) .byh__step{ display:flex; gap:var(--sp-4); padding:var(--sp-4) 0; border-top:1px solid var(--clr-line-soft); } :where(#byhRoot:has(.byh__bt-table)) .byh__step:first-of-type{ border-top:0; padding-top:0; } :where(#byhRoot:has(.byh__bt-table)) .byh__step-num{ flex:0 0 auto; width:28px; height:28px; border-radius:var(--rad-pill); background:var(--clr-brand-soft); color:var(--clr-brand); display:flex; align-items:center; justify-content:center; font-size:var(--fs-md); font-weight:var(--fw-bold); } :where(#byhRoot:has(.byh__bt-table)) .byh__step-tx b{ display:block; font-size:var(--fs-md); font-weight:var(--fw-bold); color:var(--clr-ink); margin-bottom:2px; } :where(#byhRoot:has(.byh__bt-table)) .byh__step-tx span{ font-size:var(--fs-sm); color:var(--clr-muted); line-height:1.55; } :where(#byhRoot:has(.byh__bt-table)) .byh__tips-card{ margin-top:var(--sp-3); background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-6); } :where(#byhRoot:has(.byh__bt-table)) .byh__tips{ list-style:none; display:flex; flex-direction:column; gap:var(--sp-3); } :where(#byhRoot:has(.byh__bt-table)) .byh__tips li{ position:relative; padding-left:24px; font-size:var(--fs-md); color:var(--clr-ink-2); line-height:1.55; } :where(#byhRoot:has(.byh__bt-table)) .byh__tips li svg{ position:absolute; left:0; top:2px; width:15px; height:15px; color:var(--clr-brand); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--sp-4); margin-top:var(--sp-3); background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-5) var(--sp-6); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-l{ display:flex; align-items:center; gap:var(--sp-4); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-l .byh__ic{ background:#E7F5EE; color:var(--clr-wa); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-tx b{ display:block; font-size:var(--fs-base); font-weight:var(--fw-bold); color:var(--clr-ink); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-tx span{ font-size:var(--fs-sm); color:var(--clr-muted); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-btn{ display:inline-flex; align-items:center; gap:var(--sp-2); background:var(--clr-wa); color:#fff !important; font-size:var(--fs-md); font-weight:var(--fw-semibold); border-radius:var(--rad-sm); padding:11px 20px; white-space:nowrap; transition:filter var(--dur); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-btn:hover{ filter:brightness(.94); } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-btn svg{ width:17px; height:17px; color:#fff; } @media (min-width:721px){ :where(#byhRoot:has(.byh__bt-table)) .byh__tips{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3) var(--sp-6); } } @media (max-width:1024px){ :where(#byhRoot:has(.byh__bt-table)) .byh__bt-layout{ grid-template-columns:1fr; } } @media (max-width:860px){ :where(#byhRoot:has(.byh__bt-table)) .byh__bt-hint{ display:block; } } @media (max-width:560px){ :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tabs{ flex-wrap:nowrap; gap:6px; overflow-x:auto; scrollbar-width:none; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tabs::-webkit-scrollbar{ display:none; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab{ flex:0 0 auto; padding:8px 13px; font-size:12.5px; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-tab .byh__bt-tabic{ width:16px; height:16px; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-x{ display:none; } } @media (max-width:520px){ :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta{ flex-direction:column; align-items:stretch; text-align:center; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-l{ flex-direction:column; text-align:center; } :where(#byhRoot:has(.byh__bt-table)) .byh__bt-cta-btn{ justify-content:center; } } /* — BİZE ULAŞIN — */ :where(#byhRoot:has(.byh__co-card)) .byh__wrap{ max-width:var(--wrap); margin:0 auto; padding:clamp(var(--sp-5),4vw,var(--sp-9)) clamp(var(--sp-4),3vw,var(--sp-6)) 64px; } :where(#byhRoot:has(.byh__co-card)) .byh__co-head{ margin-bottom:var(--sp-7); } :where(#byhRoot:has(.byh__co-card)) .byh__co-eyebrow{ font-size:var(--fs-xs); font-weight:var(--fw-bold); letter-spacing:.14em; text-transform:uppercase; color:var(--clr-brand); } :where(#byhRoot:has(.byh__co-card)) .byh__co-title{ margin-top:var(--sp-2); font-size:var(--fs-title); font-weight:var(--fw-title); line-height:1.2; letter-spacing:-.02em; color:var(--clr-ink); } :where(#byhRoot:has(.byh__co-card)) .byh__co-lead{ margin-top:var(--sp-3); max-width:62ch; font-size:var(--fs-md); color:var(--clr-lead); line-height:1.65; } :where(#byhRoot:has(.byh__co-card)) .byh__co-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-4); margin-bottom:var(--sp-9); } :where(#byhRoot:has(.byh__co-card)) .byh__co-card{ --ac:var(--clr-brand); --ac-soft:var(--clr-brand-soft); display:flex; align-items:center; gap:var(--sp-4); background:var(--clr-panel); border:1px solid var(--clr-line); border-radius:var(--rad-lg); padding:var(--sp-5); transition:border-color var(--dur), background var(--dur); } :where(#byhRoot:has(.byh__co-card)) .byh__co-card:hover{ border-color:var(--ac); background:color-mix(in srgb, var(--ac) 7%, #fff); } :where(#byhRoot:has(.byh__co-card)) .byh__co-card.is-green{ --ac:var(--clr-wa); --ac-soft:var(--clr-wa-soft); } :where(#byhRoot:has(.byh__co-card)) .byh__co-cico{ width:54px; height:54px; flex:0 0 auto; border-radius:50%; border:1.6px solid var(--ac); color:var(--ac); background:var(--ac-soft); display:inline-flex; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__co-card)) .byh__co-cico svg{ width:46%; height:46%; } :where(#byhRoot:has(.byh__co-card)) .byh__co-ctx{ min-width:0; } :where(#byhRoot:has(.byh__co-card)) .byh__co-ctx b{ display:block; font-size:14.5px; font-weight:var(--fw-bold); color:var(--clr-ink); line-height:1.34; } :where(#byhRoot:has(.byh__co-card)) .byh__co-ctx .v{ display:block; margin-top:5px; font-size:var(--fs-md); font-weight:var(--fw-bold); color:var(--ac); word-break:break-word; } :where(#byhRoot:has(.byh__co-card)) .byh__co-ctx .s{ display:inline-flex; align-items:center; gap:4px; margin-top:4px; font-size:var(--fs-xs); color:var(--clr-muted); } :where(#byhRoot:has(.byh__co-card)) .byh__co-ctx .s svg{ width:13px; height:13px; } :where(#byhRoot:has(.byh__co-card)) .byh__co-grid{ display:grid; grid-template-columns:1fr 316px; gap:var(--sp-6); align-items:stretch; } :where(#byhRoot:has(.byh__co-card)) .byh__co-khead{ display:flex; align-items:center; gap:var(--sp-3); padding:var(--sp-4) var(--sp-6); border-bottom:1px solid var(--clr-line); } :where(#byhRoot:has(.byh__co-card)) .byh__co-khead .byh__co-sicon{ width:36px; height:36px; flex:0 0 auto; border-radius:var(--rad-sm); background:var(--clr-brand-soft); color:var(--clr-brand); display:inline-flex; align-items:center; justify-content:center; } :where(#byhRoot:has(.byh__co-card)) .byh__co-khead .byh__co-sicon svg{ width:56%; height:56%; } :where(#byhRoot:has(.byh__co-card)) .byh__co-khead h2{ font-size:var(--fs-xl); font-weight:var(--fw-bold); color:var(--clr-ink); line-height:1.2; } :where(#byhRoot:has(.byh__co-card)) .byh__co-khead p{ font-size:var(--fs-sm); color:var(--clr-muted); } :where(#byhRoot:has(.byh__co-card)) .byh__co-kunye{ border:1px solid var(--clr-line); border-radius:var(--rad-lg); overflow:hidden; background:var(--clr-panel); } :where(#byhRoot:has(.byh__co-card)) .byh__co-krow{ display:grid; grid-template-columns:220px 1fr; gap:var(--sp-4); padding:15px var(--sp-6); border-top:1px solid var(--clr-line-soft); } :where(#byhRoot:has(.byh__co-card)) .byh__co-khead + .byh__co-krow{ border-top:0; } :where(#byhRoot:has(.byh__co-card)) .byh__co-krow:nth-child(odd){ background:var(--clr-alt); } :where(#byhRoot:has(.byh__co-card)) .byh__co-k{ display:flex; align-items:center; gap:10px; font-size:var(--fs-sm); font-weight:var(--fw-semibold); color:var(--clr-muted); text-transform:uppercase; letter-spacing:.03em; } :where(#byhRoot:has(.byh__co-card)) .byh__co-k svg{ width:16px; height:16px; color:var(--clr-brand); flex:0 0 auto; } :where(#byhRoot:has(.byh__co-card)) .byh__co-v{ font-size:var(--fs-md); font-weight:var(--fw-medium); color:var(--clr-ink); line-height:1.5; align-self:center; } :where(#byhRoot:has(.byh__co-card)) .byh__co-v a{ color:var(--clr-brand-ink); font-weight:var(--fw-semibold); } :where(#byhRoot:has(.byh__co-card)) .byh__co-v .ph{ color:#B7ABA0; font-style:italic; } :where(#byhRoot:has(.byh__co-card)) .byh__co-side{ display:flex; flex-direction:column; gap:var(--sp-4); height:100%; } :where(#byhRoot:has(.byh__co-card)) .byh__co-panel{ flex:1 1 0; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--clr-line); border-radius:var(--rad-lg); background:var(--clr-panel); padding:var(--sp-5) var(--sp-5) var(--sp-5); } :where(#byhRoot:has(.byh__co-card)) .byh__co-ptitle{ display:flex; align-items:center; gap:var(--sp-2); font-size:var(--fs-base); font-weight:var(--fw-bold); color:var(--clr-ink); margin-bottom:var(--sp-3); } :where(#byhRoot:has(.byh__co-card)) .byh__co-ptitle svg{ width:18px; height:18px; color:var(--clr-brand); } :where(#byhRoot:has(.byh__co-card)) .byh__co-hours{ list-style:none; } :where(#byhRoot:has(.byh__co-card)) .byh__co-hrow{ display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-top:1px dashed var(--clr-line); font-size:var(--fs-md); } :where(#byhRoot:has(.byh__co-card)) .byh__co-hrow:first-child{ border-top:0; } :where(#byhRoot:has(.byh__co-card)) .byh__co-hrow span{ color:var(--clr-ink-2); } :where(#byhRoot:has(.byh__co-card)) .byh__co-hrow b{ color:var(--clr-ink); font-weight:var(--fw-semibold); } :where(#byhRoot:has(.byh__co-card)) .byh__co-hrow.is-off b{ color:var(--clr-muted); font-weight:var(--fw-medium); } :where(#byhRoot:has(.byh__co-card)) .byh__co-cta{ display:flex; flex-direction:column; gap:var(--sp-2); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2); font-size:var(--fs-md); font-weight:var(--fw-semibold); border-radius:var(--rad-sm); padding:12px 16px; transition:filter var(--dur), border-color var(--dur), background var(--dur); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn svg{ width:17px; height:17px; } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-wa{ background:var(--clr-wa); color:#fff !important; } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-wa svg{ color:#fff; } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-wa:hover{ filter:brightness(.94); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-ig{ background:var(--clr-panel); color:var(--clr-ink); border:1px solid var(--clr-line); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-ig svg{ color:var(--clr-brand); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-ig:hover{ border-color:var(--clr-brand); background:var(--clr-brand-soft); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-sss{ background:var(--clr-panel); color:var(--clr-ink); border:1px solid var(--clr-line); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-sss svg{ color:var(--clr-brand); } :where(#byhRoot:has(.byh__co-card)) .byh__co-btn-sss:hover{ border-color:var(--clr-brand); background:var(--clr-brand-soft); } @media (max-width:860px){ :where(#byhRoot:has(.byh__co-card)) .byh__co-grid{ grid-template-columns:1fr; } :where(#byhRoot:has(.byh__co-card)) .byh__co-cards{ grid-template-columns:1fr 1fr; } } @media (max-width:640px){ :where(#byhRoot:has(.byh__co-card)) .byh__co-cards{ grid-template-columns:1fr; } } @media (max-width:560px){ :where(#byhRoot:has(.byh__co-card)) .byh__co-krow{ grid-template-columns:1fr; gap:var(--sp-1); padding:14px var(--sp-5); } } /* ---- Hareket azaltma tercihi ---- */ @media (prefers-reduced-motion:reduce){ .byh *{ transition:none !important; animation:none !important; } } /* ===== Yasal sayfalar (.lgl) ===== */ /* ---- Sayfa zemini ---- */ /* ---- Reset ---- */ .lgl, .lgl *{ box-sizing:border-box; margin:0; padding:0; } /* ---- Tokenlar ---- */ .lgl{ --clr-ink:#1F1F1F; --clr-ink-2:#484848; --clr-muted:#767676; --clr-lead:#909090; --clr-line:#E6E6E6; --clr-line-soft:#EFEFEF; --clr-panel:#FFFFFF; --clr-brand:#F46924; --clr-brand-ink:#C9501A; --clr-brand-soft:#FDEFE4; --clr-brand-wash:#FFFAF6; --clr-wa:#1F9D57; --clr-wa-soft:#EAF6EF; /* WhatsApp yeşili (İletişim'deki) */ --clr-warn:#D2483B; --clr-warn-soft:#FCEEEC; --clr-warn-line:#F3D7D2; /* önemli = soluk kırmızı */ --clr-arrow:#C4C4C4; --clr-icon-bg:#F4F3F1; --clr-neutral:#F6F6F5; --clr-cur:#CFCFCF; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:28px; --sp-8:32px; --sp-9:36px; --rad-sm:9px; --rad-md:11px; --rad-lg:14px; --rad-xl:22px; --rad-pill:999px; --fs-xs:12px; --fs-sm:12.5px; --fs-md:14px; --fs-base:15px; --fs-lg:16px; --fs-title:clamp(24px, calc(1.6vw + 16px), 32px); --fs-h:clamp(16px, calc(.5vw + 15px), 18px); --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-title:700; --lh:1.75; --dur:.18s; --ease:cubic-bezier(.2,.7,.3,1); --wrap:1080px; --read:760px; --toc:236px; color:var(--clr-ink); background:transparent; line-height:var(--lh); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; display:block; } .lgl a{ color:var(--clr-brand); text-decoration:none; } .lgl a:hover{ color:var(--clr-brand-ink); text-decoration:underline; } .lgl svg{ display:block; } .lgl__wrap{ max-width:var(--wrap); margin:0 auto; padding:clamp(var(--sp-5),4vw,var(--sp-9)) clamp(var(--sp-4),3vw,var(--sp-6)) 72px; } /* ---- Breadcrumb ---- */ .lgl__crumb{ display:flex; align-items:center; gap:2px; margin-bottom:var(--sp-6); font-size:var(--fs-xs); font-weight:var(--fw-medium); flex-wrap:wrap; } .lgl__crumb a{ display:inline-flex; align-items:center; gap:6px; color:var(--clr-muted); padding:6px 10px; border-radius:var(--rad-pill); transition:background var(--dur), color var(--dur); } .lgl__crumb a:hover{ color:var(--clr-brand-ink); background:var(--clr-brand-soft); text-decoration:none; } .lgl__crumb a svg{ width:14px; height:14px; } .lgl__crumb-sep{ width:15px; height:15px; color:var(--clr-cur); } .lgl__crumb-cur{ display:inline-flex; align-items:center; color:var(--clr-ink); font-weight:var(--fw-semibold); padding:6px 4px; } /* ---- Hero ---- */ .lgl__hero{ text-align:center; border:1px solid var(--clr-line); border-radius:var(--rad-xl); padding:clamp(var(--sp-8),4vw,46px) var(--sp-6); background:var(--clr-panel); margin-bottom:var(--sp-6); } .lgl__hemblem{ width:58px; height:58px; margin:0 auto var(--sp-4); border-radius:17px; background:var(--clr-brand-soft); display:flex; align-items:center; justify-content:center; } .lgl__hemblem svg{ width:29px; height:29px; color:var(--clr-brand); } .lgl__eyebrow{ display:inline-block; font-size:11px; font-weight:var(--fw-bold); letter-spacing:.15em; color:var(--clr-muted); margin-bottom:var(--sp-2); } .lgl__title{ font-size:var(--fs-title); font-weight:var(--fw-title); line-height:1.2; letter-spacing:-.01em; } .lgl__lead{ margin:var(--sp-3) auto 0; max-width:64ch; font-size:var(--fs-md); color:var(--clr-lead); line-height:1.7; } .lgl__meta{ margin-top:var(--sp-4); display:inline-flex; align-items:center; gap:7px; font-size:var(--fs-xs); font-weight:var(--fw-medium); color:var(--clr-muted); } .lgl__meta svg{ width:14px; height:14px; color:var(--clr-arrow); } /* ---- Bilgi kutusu ---- */ .lgl__callout{ display:flex; gap:var(--sp-4); background:var(--clr-warn-soft); border:1px solid var(--clr-warn-line); border-radius:var(--rad-lg); padding:var(--sp-5); margin-bottom:var(--sp-7); } .lgl__callout-ic{ flex:0 0 auto; width:38px; height:38px; border-radius:11px; background:#F7DCD7; color:var(--clr-warn); display:inline-flex; align-items:center; justify-content:center; } .lgl__callout-ic svg{ width:20px; height:20px; } .lgl__callout-h{ font-size:var(--fs-base); font-weight:var(--fw-bold); color:var(--clr-ink); margin-bottom:4px; } .lgl__callout p{ font-size:var(--fs-md); color:var(--clr-ink-2); line-height:1.65; } /* ---- Yerleşim: İçindekiler + içerik ---- */ .lgl__layout{ display:grid; grid-template-columns:var(--toc) 1fr; gap:clamp(var(--sp-6),3vw,44px); align-items:start; } .lgl__main{ min-width:0; max-width:var(--read); } /* ---- İçindekiler (sticky) ---- */ .lgl__toc{ position:sticky; top:16px; align-self:start; } .lgl__toc-h{ display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:var(--fw-bold); letter-spacing:.14em; text-transform:uppercase; color:var(--clr-muted); padding:0 12px var(--sp-3); } .lgl__toc-h .lgl__toc-x{ display:none; } .lgl__toc-list{ list-style:none; display:flex; flex-direction:column; gap:1px; border-left:2px solid var(--clr-line-soft); } .lgl__toc-list a{ display:block; padding:7px 14px; margin-left:-2px; border-left:2px solid transparent; font-size:var(--fs-sm); line-height:1.4; color:var(--clr-muted); transition:color var(--dur), border-color var(--dur), background var(--dur); } .lgl__toc-list a:hover{ color:var(--clr-ink); background:var(--clr-neutral); text-decoration:none; } .lgl__toc-list a.is-active{ color:var(--clr-brand); border-left-color:var(--clr-brand); font-weight:var(--fw-semibold); } /* ---- Bölümler ---- */ .lgl__sec{ padding-top:6px; margin-bottom:var(--sp-8); scroll-margin-top:20px; } .lgl__sec-head{ display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-4); } .lgl__sec-no{ flex:0 0 auto; width:30px; height:30px; border-radius:9px; background:var(--clr-panel); border:1.6px solid var(--clr-brand); color:var(--clr-brand); font-size:var(--fs-sm); font-weight:var(--fw-bold); display:inline-flex; align-items:center; justify-content:center; } .lgl__sec-h{ font-size:var(--fs-h); font-weight:var(--fw-bold); color:var(--clr-ink); line-height:1.3; } .lgl__sec-body > *{ margin-top:var(--sp-3); } .lgl__sec-body > *:first-child{ margin-top:0; } .lgl__sec-body p{ font-size:var(--fs-md); color:var(--clr-ink-2); line-height:1.75; } .lgl__sec-body strong{ color:var(--clr-ink); font-weight:var(--fw-semibold); } /* ---- Listeler ---- */ .lgl__list{ list-style:none; display:flex; flex-direction:column; gap:10px; } .lgl__list li{ position:relative; padding-left:22px; font-size:var(--fs-md); color:var(--clr-ink-2); line-height:1.7; } .lgl__list li::before{ content:""; position:absolute; left:4px; top:10px; width:6px; height:6px; border-radius:50%; background:var(--clr-brand); } /* ---- Satıcı bilgileri tablosu ---- */ .lgl__table{ width:100%; border:1px solid var(--clr-line); border-radius:var(--rad-lg); overflow:hidden; border-collapse:separate; border-spacing:0; } .lgl__table tr + tr td{ border-top:1px solid var(--clr-line-soft); } .lgl__table th{ text-align:left; vertical-align:top; width:38%; padding:12px 16px; font-size:var(--fs-sm); font-weight:var(--fw-semibold); color:var(--clr-muted); background:var(--clr-neutral); border-right:1px solid var(--clr-line-soft); white-space:nowrap; } .lgl__table td{ padding:12px 16px; font-size:var(--fs-md); color:var(--clr-ink); line-height:1.6; word-break:break-word; } /* ---- Mini not ---- */ .lgl__note{ display:flex; gap:10px; background:#F7F7F6; border:1px solid var(--clr-line-soft); border-radius:var(--rad-md); padding:12px 14px; font-size:var(--fs-sm); color:var(--clr-muted); line-height:1.6; } .lgl__note svg{ flex:0 0 auto; width:16px; height:16px; color:var(--clr-arrow); margin-top:1px; } /* ---- İlgili metinler ---- */ .lgl__docs{ margin-top:var(--sp-9); padding-top:var(--sp-7); border-top:1px solid var(--clr-line); } .lgl__docs-h{ font-size:var(--fs-base); font-weight:var(--fw-bold); color:var(--clr-ink); margin-bottom:var(--sp-4); } .lgl__docs-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; } .lgl__doc{ --ac:var(--clr-brand); display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--clr-line); border-radius:var(--rad-md); background:var(--clr-panel); color:var(--clr-ink); font-size:var(--fs-md); font-weight:var(--fw-medium); transition:border-color var(--dur), background var(--dur); } .lgl__doc.is-green{ --ac:var(--clr-wa); } .lgl a.lgl__doc:hover{ border-color:var(--ac); background:color-mix(in srgb, var(--ac) 7%, #fff); color:var(--clr-brand); text-decoration:none; } .lgl__doc > svg:first-child{ flex:0 0 auto; width:18px; height:18px; color:var(--ac); } .lgl__doc .lgl__doc-go{ margin-left:auto; width:16px; height:16px; color:var(--clr-arrow); } /* ---- Alt gezinme ---- */ .lgl__foot{ margin-top:var(--sp-8); display:flex; flex-wrap:wrap; gap:10px; } .lgl__foot a{ --ac:var(--clr-brand); display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border:1px solid var(--clr-line); border-radius:var(--rad-pill); font-size:var(--fs-sm); font-weight:var(--fw-semibold); color:var(--clr-ink); background:var(--clr-panel); transition:border-color var(--dur), background var(--dur), color var(--dur); } .lgl__foot a.is-green{ --ac:var(--clr-wa); } .lgl__foot a:hover{ border-color:var(--ac); color:var(--ac); background:color-mix(in srgb, var(--ac) 7%, #fff); text-decoration:none; } .lgl__foot a svg{ width:15px; height:15px; } /* — Mobil — */ @media (max-width:900px){ .lgl__layout{ grid-template-columns:1fr; gap:var(--sp-5); } .lgl__main{ max-width:none; } .lgl__docs-grid{ grid-template-columns:1fr; } .lgl__toc{ position:static; border:1px solid var(--clr-line); border-radius:var(--rad-lg); background:var(--clr-panel); overflow:hidden; } .lgl__toc-h{ padding:14px 16px; cursor:pointer; } .lgl__toc-h .lgl__toc-x{ display:block; width:18px; height:18px; color:var(--clr-muted); transition:transform var(--dur); } .lgl__toc.is-open .lgl__toc-h .lgl__toc-x{ transform:rotate(180deg); } .lgl__toc-list{ border-left:0; border-top:1px solid var(--clr-line-soft); max-height:0; overflow:hidden; transition:max-height .28s var(--ease); } .lgl__toc.is-open .lgl__toc-list{ max-height:70vh; overflow:auto; } .lgl__toc-list a{ margin-left:0; border-left:0; padding:11px 16px; border-top:1px solid var(--clr-line-soft); } .lgl__toc-list a:first-child{ border-top:0; } .lgl__toc-list a.is-active{ border-left:0; background:var(--clr-neutral); } } @media (max-width:560px){ .lgl{ --lh:1.7; } .lgl__crumb{ display:none; } .lgl__hero{ padding:var(--sp-8) var(--sp-5); border-radius:var(--rad-lg); } .lgl__callout{ flex-direction:column; gap:var(--sp-3); padding:var(--sp-4); } .lgl__table th{ width:42%; white-space:normal; } .lgl__table th, .lgl__table td{ padding:10px 12px; font-size:var(--fs-sm); } .lgl__foot a{ flex:1 1 auto; justify-content:center; } } /* ---- Yazdırma ---- */ @media print{ .lgl__toc, .lgl__top, .lgl__crumb, .lgl__foot{ display:none !important; } .lgl__layout{ grid-template-columns:1fr; } .lgl__hero{ border:0; padding:0 0 var(--sp-5); text-align:left; } .lgl__sec{ break-inside:avoid; } } @media (prefers-reduced-motion:reduce){ .lgl *{ transition:none !important; animation:none !important; } } /* La Pablo — ortak stil. bitiş */ /* ============================================================ LA PABLO — GENEL TİPOGRAFİ DÜZELTMESİ Source Sans 3'ün 300 (Light) ağırlığı Archivo'nunkinden belirgin daha ince; tema menü linklerine 300 veriyor ve okunaksız duruyor. Deniz Butik hiçbir metinde 300 kullanmıyor (400/500/600/700). ============================================================ */ .nav-item-link, .nav-item-link span, .nav-submenu .nav-item-link, .nav-submenu .nav-item-link span{font-weight:400!important;} /* ============================================================ LA PABLO — FOOTER (Deniz Butik düzeni: küçük, sade, düzenli) Genel CSS tablosunun EN SONUNA eklenir. Kök seçici #customFooterContent = Ticimax footer şablonu. ============================================================ */ #customFooterContent{ --lpf-orange:#F46924; --lpf-orange-dark:#D9551A; --lpf-title:#000000; --lpf-link:#7A7674; --lpf-line:#EFEFEF; --lpf-bar:#EEEEEE; margin-top:60px; } /* ---------- konteyner ---------- */ #customFooterContent .footerTempContainer.elementor-container{ max-width:1240px!important; padding:0 20px!important; margin:0 auto!important; } /* ---------- 1) banka logoları ---------- */ #customFooterContent > section:nth-of-type(1){ padding:18px 0 14px; border-bottom:1px solid var(--lpf-line); } #customFooterContent .footerBankLogo{gap:8px 24px;} #customFooterContent .footerBankLogo img{height:22px;width:auto;object-fit:contain;} /* ---------- 2) ana bölüm: 4 kolon ---------- */ #customFooterContent > section:nth-of-type(2){padding-top:42px;margin-bottom:38px;} #customFooterContent > section:nth-of-type(2) .footerTempRow{ flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:nowrap; gap:20px; } #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv{ flex:0 1 auto;width:auto;min-width:0; } #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv:last-child{ flex:0 0 300px;width:300px;max-width:300px; } /* ---------- ortak başlık dili ---------- */ /* Deniz Butik: 11px/600, tam siyah, harf aralığı YOK */ #customFooterContent .footerMenuTitle, #customFooterContent .socialMediaTitle span, #customFooterContent .storeMediaTitle span{ font-size:11px;font-weight:600;line-height:15px; color:var(--lpf-title);letter-spacing:normal; } #customFooterContent .footerMenuTitle{margin:0 0 14px;} #customFooterContent .socialMediaTitle, #customFooterContent .storeMediaTitle{margin:0 0 14px;} /* bülten başlığı Deniz Butik'te daha büyük ve koyu */ #customFooterContent .eTempTitle1{ font-size:14px;font-weight:600;line-height:20px; color:#212529;letter-spacing:normal;margin:0 0 10px; } /* tema `ul.footerText li{font-weight:300}` diyor — Source Sans 3'ün 300'ü fazla ince/okunaksız, Deniz Butik hiç 300 kullanmıyor */ #customFooterContent .footerText li, #customFooterContent .footerText li *{font-weight:400;} /* ---------- menü linkleri ---------- */ #customFooterContent .footerMenul{width:auto;} #customFooterContent .footerMenuAlt{gap:0;width:auto;} #customFooterContent .footerMenuAlt li a{ font-size:11px;line-height:15px;padding:5px 0; color:var(--lpf-link);width:auto;transition:color .2s; } #customFooterContent .footerMenuAlt a:hover{ color:#000;padding-left:0;margin-right:0; } /* ---------- sosyal medya + uygulamalar: kutusuz, küçük ---------- */ #customFooterContent .socialMediaDiv, #customFooterContent .appMediaDiv{gap:0;width:auto;} #customFooterContent .appMediaDiv{margin-top:26px;} #customFooterContent .socialMedia, #customFooterContent .storeMedia{gap:0;width:auto;} #customFooterContent .socialMedia li a, #customFooterContent .storeMedia li a{ width:auto;height:auto;padding:5px 0;gap:8px; border:0;background:transparent; font-size:11px;color:var(--lpf-link); align-items:center;transition:color .2s; } #customFooterContent .socialMedia li a i, #customFooterContent .storeMedia li a i{ width:16px!important;min-width:16px;height:16px; border:0!important;background:transparent!important; font-size:14px;line-height:16px;color:var(--lpf-link); margin:0!important;padding:0!important;transition:color .2s; } #customFooterContent .socialMedia li a span, #customFooterContent .storeMedia li a span{ font-size:11px;line-height:15px;color:var(--lpf-link);transition:color .2s; } #customFooterContent .socialMedia li a:hover i, #customFooterContent .storeMedia li a:hover i{ color:var(--lpf-orange)!important;background:transparent!important; border:0!important;margin:0!important; } #customFooterContent .socialMedia li a:hover span, #customFooterContent .storeMedia li a:hover span{color:#000!important;} /* ---------- footer logosu (Deniz Butik blog rozeti gibi tam boy: 191x80) ---------- */ #customFooterContent > section:nth-of-type(2) .footerimg{margin:0 0 20px;} #customFooterContent > section:nth-of-type(2) .footerimg img{height:80px;width:auto;max-width:100%;} /* ---------- e-bülten ---------- */ #customFooterContent .ebultenDivTemp{gap:0;width:auto;} #customFooterContent .eTempTitle{gap:0;} #customFooterContent .eTempTitle2 p{ font-size:11px;line-height:14px;color:var(--lpf-link);font-weight:400;margin:0 0 11px; } #customFooterContent .eTempTitle2 p a.link{color:var(--lpf-link);text-decoration:underline;} /* alan reçetesi: benguen.com arama barı — 1px #ECECEC kenar, 5px köşe, hafif gri dolgu (beyaz üstünde ince çizgi tek başına zayıf duruyor) */ #customFooterContent .newsletterContent{position:relative;width:100%;max-width:320px;} /* GOTCHA: footer şablonu `.footerTemp .newsletterContent #txtbxNewsletterMail` kuralında `height:auto!important` veriyor ve widget değişkenleri (--ebultenInput*) attribute seçicisiyle geliyor. Bu yüzden input'a ID ile (iki ID = daha yüksek özgüllük) ve !important ile yazıyoruz. */ #customFooterContent .newsletterContent #txtbxNewsletterMail{ width:100%;height:44px!important;padding:0 96px 0 14px!important; font-size:13px!important;color:#333333; background:#F9F9F9!important;background-color:#F9F9F9!important; border:1px solid #ECECEC!important;border-color:#ECECEC!important; border-radius:5px!important; transition:background .2s,border-color .2s; } #customFooterContent .newsletterContent #txtbxNewsletterMail::placeholder{color:#9A9A9A;} #customFooterContent .newsletterContent #txtbxNewsletterMail:focus{ background:#FFFFFF!important;background-color:#FFFFFF!important; border-color:var(--lpf-orange)!important;outline:0; } #customFooterContent .newsletterContent #btnMailKaydet{ position:absolute;right:6px;top:7px;bottom:7px;left:auto; width:auto;height:auto;padding:0 16px; display:flex;align-items:center;justify-content:center; background:var(--lpf-orange)!important;color:#fff!important; border:0!important;border-radius:4px; font-size:12px;font-weight:600;line-height:normal; transform:none;transition:background .2s; } #customFooterContent .newsletterContent #btnMailKaydet:hover{ background:var(--lpf-orange-dark)!important;color:#fff!important; } /* ---------- 3) alt şerit: telif + ödeme logoları ---------- */ #customFooterContent > section:nth-of-type(3){background:var(--lpf-bar);padding:12px 0;} #customFooterContent > section:nth-of-type(3) .footerTempRow{align-items:center;gap:16px;} #customFooterContent > section:nth-of-type(3) .footerText li, #customFooterContent > section:nth-of-type(3) .footerText li *{ font-size:11px;line-height:16px;color:#8A8A8A; } #customFooterContent > section:nth-of-type(3) .footerimg img{height:20px;width:auto;} /* ---------- 4) SEO metni (Deniz Butik: h3 16px + p 12px) ---------- */ #customFooterContent > section:nth-of-type(4){padding:22px 0 40px;} #customFooterContent > section:nth-of-type(4) .footerText li, #customFooterContent > section:nth-of-type(4) .footerText li *{ font-size:12px;line-height:17px;color:#A6A6A5; } #customFooterContent > section:nth-of-type(4) .SeoTextCont .T{ font-size:16px;font-weight:400;line-height:1.45; margin:0 0 25px;color:#A6A6A5; } #customFooterContent > section:nth-of-type(4) .SeoTextCont .T strong{font-size:16px;font-weight:700;} #customFooterContent > section:nth-of-type(4) .SeoTextCont p{ font-size:12px;line-height:17px;margin:0 0 12px;color:#A6A6A5; } #customFooterContent > section:nth-of-type(4) .SeoTextCont p:last-child{margin-bottom:0;} /* "Devamını Gör / Gizle" yalnızca mobilde; masaüstü ve tablette gizli */ #customFooterContent .SeoTextCont .dgbtn{display:none;} /* ---------- gizlilik politikası / kargo takip popup'ı (fancybox) ---------- */ .lpModalWrap .fancybox-skin{background:#fff;padding:0!important;border-radius:6px;} .lpModal{background:#fff;border-radius:6px;overflow:hidden;} .lpModal-body{max-height:78vh;overflow-y:auto;padding:22px 26px 26px;} .lpModal-body .lgl__layout{display:block!important;} .lpModal-body .lgl__hero{padding:0 0 14px!important;border:0!important;background:none!important;} .lpModal-body .lgl__wrap{padding:0!important;max-width:100%!important;} @media (max-width:768px){ .lpModal-body{max-height:74vh;padding:16px 16px 20px;} } /* masaüstünde menüler her zaman açık (akordeon JS'i display:none bırakabiliyor) */ @media (min-width:769px){ #customFooterContent .footerMenul.accordionMode .footerMenuAlt{display:flex!important;} } /* ============================================================ TABLET (769-1024px) — Deniz Butik gibi 4 kolon korunur, sadece bulten kolonu daraltilir ============================================================ */ @media (max-width:1024px) and (min-width:769px){ #customFooterContent .footerTempContainer.elementor-container{padding:0 16px!important;} #customFooterContent > section:nth-of-type(2){padding-top:32px;margin-bottom:30px;} #customFooterContent > section:nth-of-type(2) .footerTempRow{gap:16px;} #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv:last-child{flex:0 0 240px;width:240px;max-width:240px;} #customFooterContent > section:nth-of-type(2) .footerimg img{height:64px;} #customFooterContent .newsletterContent{max-width:240px;} #customFooterContent .newsletterContent #txtbxNewsletterMail{padding-right:92px!important;font-size:12.5px!important;} #customFooterContent .newsletterContent #btnMailKaydet{padding:0 14px;} } /* ============================================================ MOBİL (akordeon) ============================================================ */ @media (max-width:768px){ #customFooterContent{margin-top:30px;} #customFooterContent .footerTempContainer.elementor-container{padding:0 16px!important;} /* banka logoları mobilde gizlenir */ #customFooterContent > section:nth-of-type(1){display:none;} #customFooterContent > section:nth-of-type(2){padding-top:8px;margin-bottom:22px;} #customFooterContent > section:nth-of-type(2) .footerTempRow{flex-direction:column;flex-wrap:nowrap;gap:0;} #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv, #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv:last-child{ flex:0 0 auto;width:100%;max-width:100%;margin-top:0; } #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv > .footerTempWidgetRepeat{margin:0!important;width:100%;} #customFooterContent .footerMenul, #customFooterContent .footerMenul.accordionMode > li, #customFooterContent .socialMediaDiv, #customFooterContent .appMediaDiv, #customFooterContent .socialMediaDiv > .socialMediaTitle, #customFooterContent .appMediaDiv > .storeMediaTitle{width:100%;max-width:100%;} #customFooterContent .socialMediaDiv, #customFooterContent .appMediaDiv{margin:0!important;} /* akordeon başlık satırları */ #customFooterContent .footerMenul.accordionMode > li > .footerMenuTitle, #customFooterContent .socialMediaDiv.lpAcc > .socialMediaTitle, #customFooterContent .appMediaDiv.lpAcc > .storeMediaTitle{ position:relative;display:flex;align-items:center;justify-content:space-between; width:100%;min-height:50px;margin:0;padding:15px 26px 15px 0; border-bottom:1px solid var(--lpf-line); cursor:pointer;user-select:none; } #customFooterContent .footerMenul.accordionMode > li > .footerMenuTitle, #customFooterContent .socialMediaDiv.lpAcc > .socialMediaTitle span, #customFooterContent .appMediaDiv.lpAcc > .storeMediaTitle span{font-size:13px;} #customFooterContent .socialMediaDiv.lpAcc > .socialMediaTitle:after, #customFooterContent .appMediaDiv.lpAcc > .storeMediaTitle:after{ content:'\f107';font-family:'FontAwesome';font-weight:300; position:absolute;right:2px;top:50%;transform:translateY(-50%); font-size:15px;color:#111;transition:transform .25s; } #customFooterContent .socialMediaDiv.lpAcc.lpOpen > .socialMediaTitle:after, #customFooterContent .appMediaDiv.lpAcc.lpOpen > .storeMediaTitle:after{ transform:translateY(-50%) rotate(180deg); } /* akordeon gövdeleri */ #customFooterContent .socialMediaDiv.lpAcc > ul.socialMedia, #customFooterContent .appMediaDiv.lpAcc > ul.storeMedia{display:none;} #customFooterContent .socialMediaDiv.lpAcc.lpOpen > ul.socialMedia, #customFooterContent .appMediaDiv.lpAcc.lpOpen > ul.storeMedia{ display:flex;gap:0;padding:8px 0 14px; } #customFooterContent .footerMenul.accordionMode .footerMenuAlt{padding:8px 0 14px;} /* dokunma alanı: küçük ekranda satırlar birbirine çok yakındı, ~44px yüksekliğe çıkarıldı (yanlış tıklamayı önler) */ #customFooterContent .socialMedia li a, #customFooterContent .storeMedia li a, #customFooterContent .footerMenuAlt li a{ font-size:14px;line-height:20px;padding:14px 0;min-height:48px; display:flex;align-items:center; } #customFooterContent .socialMedia li a span, #customFooterContent .storeMedia li a span{font-size:14px;line-height:20px;} #customFooterContent .footerMenul.accordionMode .footerMenuAlt{padding:4px 0 10px;} #customFooterContent .socialMediaDiv.lpAcc.lpOpen > ul.socialMedia, #customFooterContent .appMediaDiv.lpAcc.lpOpen > ul.storeMedia{padding:4px 0 10px;} /* logo + bülten */ #customFooterContent > section:nth-of-type(2) .footerimg{margin:26px 0 16px;justify-content:center;} #customFooterContent > section:nth-of-type(2) .footerimg img{height:64px;} /* bülten bloğu kolonun ortasında dursun (widget kendi genişliğini veriyor, sadece text-align yetmiyor — blok da ortalanmalı) */ #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv:last-child{align-items:center;} #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv:last-child > .footerTempWidgetRepeat{ display:flex;flex-direction:column;align-items:center;width:100%; } #customFooterContent .ebultenDivTemp{ width:100%!important;max-width:320px!important; margin-left:auto!important;margin-right:auto!important; } /* mobilde sadece başlık + e-posta alanı kalsın */ #customFooterContent .eTempTitle2{display:none;} #customFooterContent .eTempTitle1{margin:0 0 14px;} #customFooterContent .newsletterContent{max-width:320px;} #customFooterContent .newsletterContent #txtbxNewsletterMail{height:46px!important;font-size:13px!important;padding:0 100px 0 14px!important;} #customFooterContent .newsletterContent #btnMailKaydet{top:8px;bottom:8px;right:6px;padding:0 16px;font-size:12px;} /* alt şerit + seo */ #customFooterContent > section:nth-of-type(3) .footerTempRow{flex-direction:column;flex-wrap:nowrap;gap:10px;align-items:center;} #customFooterContent > section:nth-of-type(3) .footerTempColumnDiv{flex:0 0 auto;width:100%;} #customFooterContent > section:nth-of-type(3) .footerText, #customFooterContent > section:nth-of-type(3) .footerText li, #customFooterContent > section:nth-of-type(3) .footerimg{justify-content:center!important;text-align:center!important;} #customFooterContent > section:nth-of-type(4){padding:18px 0 80px;} #customFooterContent > section:nth-of-type(4) .footerText li, #customFooterContent > section:nth-of-type(4) .footerText li *{font-size:11.5px;line-height:16px;text-align:center;} #customFooterContent > section:nth-of-type(4) .SeoTextCont .T, #customFooterContent > section:nth-of-type(4) .SeoTextCont .T strong{font-size:14px;} #customFooterContent > section:nth-of-type(4) .SeoTextCont .T{margin:0 0 16px;} #customFooterContent > section:nth-of-type(4) .SeoTextCont p{font-size:11.5px;line-height:16px;} /* --- alt blok Deniz Butik gibi ORTALI --- */ #customFooterContent > section:nth-of-type(2) .footerTempColumnDiv:last-child{text-align:center;} #customFooterContent .ebultenDivTemp, #customFooterContent .eTempTitle{align-items:center;text-align:center;} #customFooterContent .eTempTitle2 p{text-align:center;} #customFooterContent .newsletterContent{margin:0 auto;max-width:320px;} /* --- akordeon ikonu Deniz Butik gibi + / - --- */ #customFooterContent .footerMenul.accordionMode > li > .footerMenuTitle:after, #customFooterContent .socialMediaDiv.lpAcc > .socialMediaTitle:after, #customFooterContent .appMediaDiv.lpAcc > .storeMediaTitle:after{ content:'\f067';font-family:'FontAwesome';font-weight:300; position:absolute;right:2px;top:50%;transform:translateY(-50%); font-size:14px;line-height:1;color:#111111!important; } #customFooterContent .footerMenul.accordionMode > li.accordion-active > .footerMenuTitle:after, #customFooterContent .socialMediaDiv.lpAcc.lpOpen > .socialMediaTitle:after, #customFooterContent .appMediaDiv.lpAcc.lpOpen > .storeMediaTitle:after{content:'\f068';transform:translateY(-50%);} /* --- SEO metni: Devamini Gor ile daraltilir (tema markup'i .dgbtn) --- */ #customFooterContent .SeoTextCont.lpSeoClamp p:nth-of-type(1){ display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden; } #customFooterContent .SeoTextCont.lpSeoClamp p:nth-of-type(n+2){display:none;} #customFooterContent .SeoTextCont .dgbtn{display:block;margin-top:10px;} #customFooterContent .SeoTextCont .debtn, #customFooterContent .SeoTextCont .gibtn{ display:none;cursor:pointer;font-size:12px;font-weight:600; color:var(--lpf-orange);text-decoration:underline; } #customFooterContent .SeoTextCont.lpSeoClamp .debtn{display:block;} #customFooterContent .SeoTextCont:not(.lpSeoClamp) .gibtn{display:block;} } /* La Pablo — footer stili. bitiş */ /* ============================================================ LA PABLO — ÜRÜN SAYFASI SEKME İÇERİKLERİ (.lpt) Kargo & Teslimat / Değişim & İade / Kumaş Türleri Sade düz metin düzeni: üstte vurgu satırı, ara başlık + paragraf. Genel CSS tablosunun EN SONUNA eklenir. ============================================================ */ .lpt{ --lpt-ink:#1F1F1F; --lpt-body:#4A4A4A; --lpt-muted:#8A8A8A; --lpt-line:#ECECEC; --lpt-brand:#F46924; --lpt-brand-soft:#FDF3EC; color:var(--lpt-body); font-size:13.5px; line-height:1.75; max-width:760px; } .lpt *{box-sizing:border-box;} .lpt p{margin:0 0 14px;} .lpt p:last-child{margin-bottom:0;} .lpt strong{color:var(--lpt-ink);font-weight:600;} .lpt a{color:var(--lpt-brand);text-decoration:underline;} .lpt a:hover{color:#D9551A;} /* --- üstteki tek vurgu satırı --- */ .lpt__hi{ display:block;margin:0 0 18px;padding:11px 14px; background:var(--lpt-brand-soft); border-left:2px solid var(--lpt-brand); color:var(--lpt-ink);font-size:13px;font-weight:600;line-height:1.55; } /* --- ara başlık --- */ .lpt__sh{ display:block;margin:24px 0 8px; color:var(--lpt-ink);font-size:13.5px;font-weight:600;line-height:1.5; } .lpt__sh:first-child{margin-top:0;} /* --- kumaş satırı --- */ .lpt__f{margin:0 0 11px;} .lpt__f:last-of-type{margin-bottom:0;} /* --- alt iletişim satırı --- */ .lpt__foot{ margin-top:24px;padding-top:14px; border-top:1px solid var(--lpt-line); font-size:12.5px;line-height:1.7;color:var(--lpt-muted); } .lpt__foot strong{color:var(--lpt-ink);} @media (max-width:600px){ .lpt{font-size:13px;line-height:1.7;} .lpt__hi{font-size:12.5px;padding:10px 12px;} .lpt__sh{margin:20px 0 7px;font-size:13px;} } /* La Pablo — ürün sekmeleri. bitiş */ /* ============================================================ LA PABLO — EKRAN BOYUTU DÜZELTMESİ Konteyner iç boşluğu 7 ayrı ekran bandına ayrı ayrı yazılmıştı (1025-1159 / 1160-1239 / 1240-1299 / 1300-1379 / 1380-1499 / 1500-1539 / 1540-1660), 1660px üstünde ise hiç kural yoktu. Artık 1025px ve üstünde her ekranda 40px. ============================================================ */ @media (min-width:1661px){ body ul.breadcrumb,.userLoginContent,.hesabimContent,.ticiContainer,.hContainer{padding:0 40px;} body .header-main .headerContainer,body #headerNew .headerContainer,body .footerTempContainer.elementor-container,body #top-bar .headerContainer{padding:0 40px!important;} section.landing-block,body #divTopProductSearch .header-search-form-wrapper,body #divTopProductSearch.dropactive .header-search-form-wrapper{padding:0 40px!important;} .homeContainer .ProductListContent .ProductList,.sliderBannerContainer .ProductList,.detaySliderContainer .ProductList{max-width:100%;} .markaSlider .jCarouselLite{max-width:100%;} #divIcerik.homepage{margin:0 auto;} } /* --- tam genişlik bloklar: konteynerin kenar boşluğundan çıkar --- */ body section.videoBlockSliderWrapper.landing-block, body section#multiblok_4.landing-block, body section#multiblok_10.landing-block{padding-left:0!important;padding-right:0!important;} body section.videoBlockSliderWrapper.landing-block .ticiContainer, body section#multiblok_4.landing-block .ticiContainer, body section#multiblok_10.landing-block .ticiContainer{padding-left:0!important;padding-right:0!important;max-width:100%!important;} /* La Pablo — ekran boyutu düzeltmesi. bitiş */ /* ================= La Pablo — ÜRÜN DETAY CSS (v5 · birleşik, !important yok) başlangıç ================= */ /* ╔══════════════════════════════════════════════════════════════════╗ ║ KAMPANYA YAZISI — İNDİRİM ROZETİ ║ ║ Hem ürün detaydaki hem ürün kartlarındaki rozet buradan gelir. ║ ║ Değiştirmek için SADECE aşağıdaki iki satırı düzenle. ║ ║ Örn: --lpu-kampanya-on:"SEPETTE EXTRA %"; ║ ╚══════════════════════════════════════════════════════════════════╝ */ :root{ --lpu-kampanya-on:"BUGÜNE ÖZEL %"; --lpu-kampanya-son:" İNDİRİMLİ"; } /* ==== 01 · GALERİ / İSKELET (lpuPM) ==== */ .lpu-serit__i{position:relative;display:block;overflow:hidden;border-radius:3px;background:#F3F1F0;cursor:pointer;flex:0 0 auto;} .lpu-serit__i img{width:100%;height:100%;object-fit:cover;display:block;} .lpu-serit__i::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.52;transition:opacity .25s ease;} .lpu-serit__i:hover::after{opacity:.18;} .lpu-serit__i.is-on::after{opacity:0;} /* sayfa iç boşluğu Paulmark ile aynı: 20px (temada 40px) */ body #divIcerik.productDetailContainer{padding-left:28px;padding-right:28px;} @media (max-width:1140px){body #divIcerik.productDetailContainer{padding-left:0;padding-right:0;}} @media (min-width:1141px){ .productDetailContainer .TopDet{display:flex;align-items:flex-start;gap:40px;} .productDetailContainer .TopDet > .leftImage{float:none;flex:1 1 auto;min-width:0;display:flex;gap:8px;align-items:flex-start;} .productDetailContainer .TopDet > .RightDetail{float:none;flex:0 0 500px;width:500px;min-width:0;padding:0;position:-webkit-sticky;position:sticky;top:75px;align-self:flex-start;} } /* sağ kolon geniş ekranlarda kademeli büyür (Deniz Butik oranı) */ @media (min-width:1400px){ .productDetailContainer .TopDet > .RightDetail{flex-basis:600px;width:600px;} } @media (min-width:1600px){ .productDetailContainer .TopDet > .RightDetail{flex-basis:660px;width:660px;} } @media (min-width:1141px){ .lpu-serit{flex:0 0 60px;width:60px;display:flex;flex-direction:column;gap:8px;} .lpu-serit__i{width:60px;height:90px;} .productDetailContainer .leftImage #divThumbList.SmallImages{ flex:1 1 auto;min-width:0;float:none; display:grid;grid-template-columns:repeat(2,1fr);gap:2px;align-content:start; height:calc(100vh - 95px);overflow-y:auto;overflow-x:hidden; scrollbar-width:thin;scrollbar-color:#DCD8D5 transparent;} .productDetailContainer .leftImage #divThumbList.SmallImages::-webkit-scrollbar{width:5px;} .productDetailContainer .leftImage #divThumbList.SmallImages::-webkit-scrollbar-thumb{background:#DCD8D5;border-radius:3px;} .productDetailContainer .leftImage .AltImgCapSmallImg{ width:100%;height:auto;float:none;margin:0; padding:0;padding-top:149.761%; position:relative;overflow:hidden;background:#F3F1F0;cursor:zoom-in;} .productDetailContainer .leftImage .AltImgCapSmallImg img{ position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;} .productDetailContainer .leftImage .Images{display:none;} } /* Paulmark: sağ kolon 1141px'e kadar 500px sabit kalır, galeri daralır (2'li düzen korunur) */ @media (max-width:1140px){ .productDetailContainer .TopDet{display:flex;flex-direction:column;gap:26px;} .productDetailContainer .TopDet > .leftImage{float:none;width:100%;display:block;} .productDetailContainer .TopDet > .RightDetail{float:none;width:100%;position:static;} .lpu-serit{display:none;} .productDetailContainer .leftImage .Images{display:none;} .productDetailContainer .leftImage #divThumbList.SmallImages{ display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px; width:100%;float:none;height:380px;overflow-x:auto;overflow-y:hidden; scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch; scrollbar-width:none;} .productDetailContainer .leftImage #divThumbList.SmallImages::-webkit-scrollbar{display:none;} .productDetailContainer .leftImage .AltImgCapSmallImg{ flex:0 0 253px;width:253px;height:380px; padding:0;margin:0;float:none; position:relative;overflow:hidden;background:#F3F1F0;scroll-snap-align:start;} .productDetailContainer .leftImage .AltImgCapSmallImg img{ position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;} } /* breadcrumb her ekranda gizli — kategori zaten ürün adının üstündeki künye satırında ve mobilde satır taşıp kesiliyordu */ body .proCategoryTitle.categoryTitle{display:none;} body.ProductBody > form > .categoryTitle, body.ProductBody .categoryTitle{display:none;} /* --- galeri kaydırma çubuğu: paulmark gibi ince çizgi, gri ray + turuncu tutamak --- */ @media (min-width:1141px){ .productDetailContainer .leftImage #divThumbList.SmallImages{scrollbar-width:auto;scrollbar-color:auto;} .productDetailContainer .leftImage #divThumbList.SmallImages::-webkit-scrollbar{width:1px;background:#DCDCDC;} .productDetailContainer .leftImage #divThumbList.SmallImages::-webkit-scrollbar-track{background:#DCDCDC;} .productDetailContainer .leftImage #divThumbList.SmallImages::-webkit-scrollbar-thumb, .productDetailContainer .leftImage #divThumbList.SmallImages::-webkit-scrollbar-thumb:hover{background:#F46924;} } @supports (-moz-appearance:none){ @media (min-width:1141px){ .productDetailContainer .leftImage #divThumbList.SmallImages{scrollbar-width:thin;scrollbar-color:#F46924 #DCDCDC;} }} /* --- büyük görsellerin köşeleri hafif yuvarlak --- */ @media (min-width:1141px){.productDetailContainer .leftImage .AltImgCapSmallImg{border-radius:3px;}} @media (max-width:1140px){.productDetailContainer .leftImage .AltImgCapSmallImg{border-radius:3px;}} .lpu-serit__i{border-radius:2px;} /* --- MOBİL CİHAZ GALERİSİ (#divMobileImageList) --- Ticimax dokunmatik cihazlarda #divThumbList yerine owl slider basıyor. Paulmark mobil düzeni: tam genişlik 2:3 görsel + altta ince segment çizgileri. */ body .productDetailContainer .leftImage #divMobileImageList{ position:relative;width:100%;margin:0;padding:0; aspect-ratio:auto;height:150vw; background:#F3F1F0;overflow:hidden;} body .productDetailContainer .leftImage #divMobileImageList .owl-stage-outer, body .productDetailContainer .leftImage #divMobileImageList .owl-stage, body .productDetailContainer .leftImage #divMobileImageList .owl-item{height:100%;} body .productDetailContainer .leftImage #divMobileImageList .owl-item{background:#F3F1F0;} body .productDetailContainer .leftImage #divMobileImageList .owl-item > a, body .productDetailContainer .leftImage #divMobileImageList .owl-item > .lightItem{ display:block;position:relative;width:100%; height:100%;max-height:none;overflow:hidden;background:#F3F1F0;} body .productDetailContainer .leftImage #divMobileImageList .owl-item img{ position:absolute;top:0;left:0;width:100%;height:100%; object-fit:cover;display:block;max-width:none;} body .productDetailContainer .leftImage #divMobileImageList .owl-nav{display:none;} /* görsel göstergesi: koyu saydam kapsül + beyaz toplar + "2 / 5" sayacı (sayaç metnini JS data-sayac ile yazar) */ body .productDetailContainer .leftImage #divMobileImageList .owl-dots{ position:absolute;left:50%;right:auto;top:auto;bottom:14px; -webkit-transform:translateX(-50%);transform:translateX(-50%); width:auto;height:auto;margin:0;padding:4px 10px;z-index:3; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; border-radius:40px;background:rgba(38,38,38,.35);} body .productDetailContainer .leftImage #divMobileImageList .owl-dots .owl-dot{ -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:6px;height:6px;min-width:0; margin:0 7px 0 0;padding:0;border:0;border-radius:50%;background:#FFF; -webkit-transition:background-color .25s ease,-webkit-transform .3s cubic-bezier(.34,1.5,.6,1); transition:background-color .25s ease,transform .3s cubic-bezier(.34,1.5,.6,1);} body .productDetailContainer .leftImage #divMobileImageList .owl-dots .owl-dot:last-child{margin-right:0;} body .productDetailContainer .leftImage #divMobileImageList .owl-dots .owl-dot.active{ background:#F46924;-webkit-transform:scale(1.45);transform:scale(1.45);} body .productDetailContainer .leftImage #divMobileImageList .owl-dots .owl-dot span{display:none;} body .productDetailContainer .leftImage #divMobileImageList .owl-dots:after{ content:attr(data-sayac);-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99; margin-left:9px;font-family:'Source Sans 3',sans-serif;font-size:10px;font-weight:600; line-height:1;letter-spacing:.3px;color:#FFF;} /* geniş ekran (tablet yatay / 1141+) → owl'u 2'li ızgaraya çevir */ body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid{ max-height:none;overflow-y:auto;overflow-x:hidden;background:none; -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0; scrollbar-width:auto;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid::-webkit-scrollbar{width:1px;background:#DCDCDC;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid::-webkit-scrollbar-track{background:#DCDCDC;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid::-webkit-scrollbar-thumb{background:#F46924;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid .owl-stage-outer{ overflow:visible;height:auto;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid .owl-stage{ width:100%;height:auto;padding:0; -webkit-transform:none;transform:none; display:grid;grid-template-columns:repeat(2,1fr);gap:2px;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid .owl-item{ width:auto;height:auto;float:none;margin:0; -ms-flex:none;flex:none;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid .owl-item > a, body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid .owl-item > .lightItem{ height:0;padding-top:149.761%;border-radius:3px;} body .productDetailContainer .leftImage #divMobileImageList.lpu-mgrid .owl-dots{display:none;} /* --- ≤1140 galeri: Paulmark gibi tam genişlik kayan görseller (2:3), ekrana sığdırılmış --- */ @supports (aspect-ratio:2 / 3){ @media (max-width:1140px){ .productDetailContainer .leftImage #divThumbList.SmallImages{height:auto;} .productDetailContainer .leftImage .AltImgCapSmallImg{ -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto; width:auto;height:150vw;aspect-ratio:2 / 3;} }} @media (max-width:1140px){ .productDetailContainer .leftImage #divThumbList.SmallImages{scroll-padding:0;} .productDetailContainer .leftImage .AltImgCapSmallImg:last-child{margin-right:0;} } /* ==== 01b · BÜYÜK GÖRSEL PENCERESİ (lpu-lb) ==== Koyu zemin, çerçevesiz görsel; yuvarlak cam butonlar (kapat, ok, büyüteç), altta ortada sayaç. Görsele tıkla → kendi içinde büyür, fare ile gezilir. */ .lpu-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999; display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; background:rgba(16,16,16,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); opacity:0;-webkit-transition:opacity .18s ease;transition:opacity .18s ease;} .lpu-lb.acik{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;} body.lpu-lbli{overflow:hidden;} .lpu-lb__p{position:relative;background:none;border-radius:4px;overflow:visible; width:auto;height:88vh;max-width:92vw;} @supports (aspect-ratio:2 / 3){ .lpu-lb__p{aspect-ratio:2 / 3;} } @supports not (aspect-ratio:2 / 3){ .lpu-lb__p{width:58.66vh;} } .lpu-lb__st{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden; background:none;border-radius:4px;cursor:zoom-in;} .lpu-lb__im{display:block;width:100%;height:100%;object-fit:contain; -webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%; -webkit-transition:-webkit-transform .22s ease;transition:transform .22s ease; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;} .lpu-lb.zoom .lpu-lb__st{cursor:zoom-out;} .lpu-lb.zoom .lpu-lb__im{-webkit-transform:scale(2.2);transform:scale(2.2);-webkit-transition:none;transition:none;} /* cam buton ortak dili */ .lpu-lb__ok,.lpu-lb__x,.lpu-lb__zm{position:absolute;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.42);color:#FFF; font-size:0;line-height:0;cursor:pointer; -webkit-transition:background .15s ease,opacity .15s ease;transition:background .15s ease,opacity .15s ease;} .lpu-lb__ok:hover,.lpu-lb__x:hover,.lpu-lb__zm:hover{background:rgba(0,0,0,.62);} /* oklar — görselin dışında, dikeyde ortada */ .lpu-lb__ok{top:50%;width:38px;height:38px;margin-top:-19px;} .lpu-lb__ok.sol{left:12px;} .lpu-lb__ok.sag{right:12px;} .lpu-lb__ok:before{content:"";display:block;width:11px;height:11px;background-color:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;} .lpu-lb__ok.sag:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);} .lpu-lb__ok[disabled]{opacity:.3;cursor:default;} .lpu-lb.zoom .lpu-lb__ok, .lpu-lb.tek .lpu-lb__ok{opacity:0;visibility:hidden;pointer-events:none;} /* kapat */ .lpu-lb__x{top:12px;right:12px;width:34px;height:34px;} .lpu-lb__x:before,.lpu-lb__x:after{content:"";position:absolute;top:50%;left:50%; width:13px;height:1.5px;margin:-.75px 0 0 -6.5px;border-radius:1px;background:currentColor;} .lpu-lb__x:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .lpu-lb__x:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} /* büyüteç — gerçek buton */ .lpu-lb__zm{right:12px;bottom:12px;width:34px;height:34px;} .lpu-lb__zm:before{content:"";display:block;width:15px;height:15px;background-color:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M10.8434%208.43373H13.253C13.9184%208.43373%2014.4579%208.97316%2014.4579%209.63855C14.4579%2010.304%2013.9184%2010.8434%2013.253%2010.8434H10.8434V13.253C10.8434%2013.9184%2010.304%2014.4578%209.63859%2014.4578C8.97319%2014.4578%208.43377%2013.9184%208.43377%2013.253V10.8434H6.02413C5.35873%2010.8434%204.81931%2010.304%204.81931%209.63855C4.81931%208.97316%205.35873%208.43373%206.02413%208.43373H8.43377V6.0241C8.43377%205.3587%208.97319%204.81928%209.63859%204.81928C10.304%204.81928%2010.8434%205.3587%2010.8434%206.0241V8.43373Z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M23.5989%2021.895L17.2494%2015.5456C18.5196%2013.9128%2019.2771%2011.8626%2019.2771%209.63855C19.2771%204.32386%2014.9533%200%209.63855%200C4.32386%200%200%204.32386%200%209.63855C0%2014.9533%204.32386%2019.2771%209.63855%2019.2771C11.8626%2019.2771%2013.9128%2018.5196%2015.5456%2017.2494L21.895%2023.5989C22.1303%2023.8342%2022.4387%2023.9518%2022.747%2023.9518C23.0553%2023.9518%2023.3637%2023.8342%2023.5989%2023.5989C24.0694%2023.1284%2024.0694%2022.3655%2023.5989%2021.895ZM2.40961%209.63855C2.40961%205.65253%205.6525%202.40964%209.63852%202.40964C13.6245%202.40964%2016.8674%205.65253%2016.8674%209.63855C16.8674%2013.6246%2013.6245%2016.8675%209.63852%2016.8675C5.6525%2016.8675%202.40961%2013.6246%202.40961%209.63855Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M10.8434%208.43373H13.253C13.9184%208.43373%2014.4579%208.97316%2014.4579%209.63855C14.4579%2010.304%2013.9184%2010.8434%2013.253%2010.8434H10.8434V13.253C10.8434%2013.9184%2010.304%2014.4578%209.63859%2014.4578C8.97319%2014.4578%208.43377%2013.9184%208.43377%2013.253V10.8434H6.02413C5.35873%2010.8434%204.81931%2010.304%204.81931%209.63855C4.81931%208.97316%205.35873%208.43373%206.02413%208.43373H8.43377V6.0241C8.43377%205.3587%208.97319%204.81928%209.63859%204.81928C10.304%204.81928%2010.8434%205.3587%2010.8434%206.0241V8.43373Z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M23.5989%2021.895L17.2494%2015.5456C18.5196%2013.9128%2019.2771%2011.8626%2019.2771%209.63855C19.2771%204.32386%2014.9533%200%209.63855%200C4.32386%200%200%204.32386%200%209.63855C0%2014.9533%204.32386%2019.2771%209.63855%2019.2771C11.8626%2019.2771%2013.9128%2018.5196%2015.5456%2017.2494L21.895%2023.5989C22.1303%2023.8342%2022.4387%2023.9518%2022.747%2023.9518C23.0553%2023.9518%2023.3637%2023.8342%2023.5989%2023.5989C24.0694%2023.1284%2024.0694%2022.3655%2023.5989%2021.895ZM2.40961%209.63855C2.40961%205.65253%205.6525%202.40964%209.63852%202.40964C13.6245%202.40964%2016.8674%205.65253%2016.8674%209.63855C16.8674%2013.6246%2013.6245%2016.8675%209.63852%2016.8675C5.6525%2016.8675%202.40961%2013.6246%202.40961%209.63855Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;} .lpu-lb.zoom .lpu-lb__zm:before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.04821%208.45791H13.2771C13.9425%208.45791%2014.4819%208.99733%2014.4819%209.66272C14.4819%2010.3281%2013.9425%2010.8675%2013.2771%2010.8675H6.04821C5.38281%2010.8675%204.84339%2010.3281%204.84339%209.66272C4.84339%208.99733%205.38281%208.45791%206.04821%208.45791Z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M23.623%2021.9192L17.2735%2015.5698C18.5436%2013.937%2019.3012%2011.8868%2019.3012%209.66272C19.3012%204.34803%2014.9773%200.0241699%209.66263%200.0241699C4.34793%200.0241699%200.0240784%204.34803%200.0240784%209.66272C0.0240784%2014.9774%204.34793%2019.3013%209.66263%2019.3013C11.8867%2019.3013%2013.9369%2018.5437%2015.5697%2017.2736L21.9191%2023.6231C22.1544%2023.8583%2022.4627%2023.976%2022.7711%2023.976C23.0794%2023.976%2023.3877%2023.8583%2023.623%2023.6231C24.0935%2023.1526%2024.0935%2022.3897%2023.623%2021.9192ZM2.43369%209.66272C2.43369%205.6767%205.67658%202.43381%209.6626%202.43381C13.6486%202.43381%2016.8915%205.6767%2016.8915%209.66272C16.8915%2013.6487%2013.6486%2016.8916%209.6626%2016.8916C5.67658%2016.8916%202.43369%2013.6487%202.43369%209.66272Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.04821%208.45791H13.2771C13.9425%208.45791%2014.4819%208.99733%2014.4819%209.66272C14.4819%2010.3281%2013.9425%2010.8675%2013.2771%2010.8675H6.04821C5.38281%2010.8675%204.84339%2010.3281%204.84339%209.66272C4.84339%208.99733%205.38281%208.45791%206.04821%208.45791Z%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M23.623%2021.9192L17.2735%2015.5698C18.5436%2013.937%2019.3012%2011.8868%2019.3012%209.66272C19.3012%204.34803%2014.9773%200.0241699%209.66263%200.0241699C4.34793%200.0241699%200.0240784%204.34803%200.0240784%209.66272C0.0240784%2014.9774%204.34793%2019.3013%209.66263%2019.3013C11.8867%2019.3013%2013.9369%2018.5437%2015.5697%2017.2736L21.9191%2023.6231C22.1544%2023.8583%2022.4627%2023.976%2022.7711%2023.976C23.0794%2023.976%2023.3877%2023.8583%2023.623%2023.6231C24.0935%2023.1526%2024.0935%2022.3897%2023.623%2021.9192ZM2.43369%209.66272C2.43369%205.6767%205.67658%202.43381%209.6626%202.43381C13.6486%202.43381%2016.8915%205.6767%2016.8915%209.66272C16.8915%2013.6487%2013.6486%2016.8916%209.6626%2016.8916C5.67658%2016.8916%202.43369%2013.6487%202.43369%209.66272Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;} /* sayaç */ .lpu-lb__sy{position:absolute;left:50%;bottom:14px;z-index:3; -webkit-transform:translateX(-50%);transform:translateX(-50%); padding:6px 12px;border-radius:40px;background:rgba(0,0,0,.42); font-size:12px;font-weight:500;line-height:1;letter-spacing:.4px;color:#FFF;pointer-events:none;} @media (max-width:760px){ .lpu-lb__p{height:auto;width:100vw;max-width:100vw;border-radius:0;} @supports (aspect-ratio:2 / 3){ .lpu-lb__p{aspect-ratio:2 / 3;max-height:78vh;} } .lpu-lb__ok{width:34px;height:34px;margin-top:-17px;} .lpu-lb__ok.sol{left:8px;} .lpu-lb__ok.sag{right:8px;} .lpu-lb__x{top:8px;right:8px;width:32px;height:32px;} .lpu-lb__zm{right:8px;bottom:8px;width:32px;height:32px;} .lpu-lb__sy{bottom:10px;} } /*===== 02 · ÜRÜN ADI + BARKOD + FAVORİ (lpuAd) =====*/ @media (min-width:0px){ .productDetailContainer .RightDetail .ProductName{ display:block;float:none;width:100%;margin:0 0 3px;} .productDetailContainer .RightDetail .ProductName h1{ margin:0;padding:0;width:100%; font-size:20px;font-weight:400;line-height:27px;color:#252525;letter-spacing:0;} .productDetailContainer .RightDetail .ProductName h1 span{font:inherit;color:inherit;} .productDetailContainer .RightDetail .lpu-opsiyon{display:none;} .productDetailContainer .RightDetail #divUrunKodu{display:none;} /* künye satırı: KATEGORİ | ince çizgi | stok kodu — ürün adının üstünde */ .productDetailContainer .RightDetail .ProductName .lpu-meta{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; gap:9px;margin:0 0 6px;} .productDetailContainer .RightDetail .ProductName .lpu-meta .lpu-kat{ -webkit-box-ordinal-group:1;-ms-flex-order:0;order:0; font-size:11px;font-weight:500;letter-spacing:.9px;text-transform:uppercase;color:#96908A; text-decoration:none;-webkit-transition:color .15s;transition:color .15s;} .productDetailContainer .RightDetail .ProductName .lpu-meta a.lpu-kat:hover{color:#F46924;} .productDetailContainer .RightDetail .ProductName .lpu-meta:before{ content:"";-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1; -webkit-box-flex:0;-ms-flex:0 0 3px;flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#DCD6CF;} .productDetailContainer .RightDetail #divBarkod{display:none;} .productDetailContainer .RightDetail .lpu-meta #divBarkod{ -webkit-box-ordinal-group:3;-ms-flex-order:2;order:2; display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px; float:none;clear:none;width:auto;height:auto;margin:0;padding:0;background:none;border:0; font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;line-height:1;color:#B3ADA6; letter-spacing:.3px;white-space:nowrap;} .productDetailContainer .RightDetail .lpu-meta #divBarkod:before{ content:"\f02a";font-family:FontAwesome;font-size:10px;line-height:1;color:#D6D0C9;} .productDetailContainer .RightDetail .lpu-meta #divBarkod .left_line, .productDetailContainer .RightDetail .lpu-meta #divBarkod .center_line{display:none;} .productDetailContainer .RightDetail .lpu-meta #divBarkod .right_line{ display:inline;float:none;width:auto;margin:0;padding:0;font-size:10.5px;line-height:1;color:inherit;} /* favori kalbi: Sepete Ekle'nin yanında kare kutu */ .productDetailContainer .RightDetail .MiddleList #divSatinAl{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:10px;} .productDetailContainer .RightDetail .MiddleList #divSatinAl .BasketBtn, .productDetailContainer .RightDetail .MiddleList #divSatinAl .basketBtn{ -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:auto;min-width:0;} .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle{ -webkit-box-flex:0;-ms-flex:0 0 52px;flex:0 0 52px;width:52px;height:52px; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; box-sizing:border-box;margin:0;padding:0;float:none; border:1px solid #E8E5E0;border-radius:3px;background:#FFF;color:#3D3D3D;cursor:pointer; -webkit-transition:border-color .15s,color .15s,background .15s;transition:border-color .15s,color .15s,background .15s;} .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle:hover{ border-color:#F46924;color:#F46924;background:#FDF3EE;} .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle .box1{display:none;} .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle > a{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:100%;height:100%;margin:0;padding:0;border:0;background:none; font-size:0;line-height:0;color:inherit;} .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle > a:after{ content:"\f004";font-family:FontAwesome;font-weight:400;font-style:normal; font-size:20px;line-height:1;color:inherit;display:block;} /* favorideyken kalp La Pablo turuncusu. Ana üründe tema SINIF değil KİMLİK değiştiriyor — favoriButtonDurumDegister(): favorideyse id="aFavroriCikarBtn" + data-action="0", değilse id="aFavoriEkleBtn" + data-action="1". (aFavroriCikarBtn yazımı temanın kendi yazım hatası, canlı kaynaktan birebir alındı.) Eski sınıf seçicileri de korunuyor. */ .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle > a.listfavoriAktif:after, .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle > a.favoriAktif:after, .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle > a#aFavroriCikarBtn:after, .productDetailContainer .RightDetail .MiddleList #divSatinAl .UFavorilerimeEkle > a[data-action="0"]:after{color:#F46924;} } @media (min-width:1141px){ .productDetailContainer .RightDetail .ProductName h1{font-size:28px;line-height:36px;} } /*===== 03 · PUAN SATIRI + YILDIZLAR (lpuPuan + lpuYldz) =====*/ @media (min-width:0px){ .productDetailContainer .RightDetail .Formline.puanVer{display:flex;align-items:center;gap:0;height:20px;margin:6px 0 0;padding:0;border:0;float:none;width:100%;} .productDetailContainer .RightDetail .Formline.puanVer .PuanVerSag{ order:1;float:none;margin:2px 8px 0 0;padding:0;font-size:13px;font-weight:500;color:#5A5A5A;line-height:1;} .productDetailContainer .RightDetail .Formline.puanVer #PuanVer{order:2;float:none;margin:0;} .productDetailContainer .RightDetail .Formline.puanVer .rating-stars{margin:0;padding:0;text-align:left;} .productDetailContainer .RightDetail .Formline.puanVer ul#stars{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;} .productDetailContainer .RightDetail .Formline.puanVer ul#stars li{ display:flex;align-items:center;justify-content:center;width:16px;height:13px;margin:0;padding:0;line-height:1;} .productDetailContainer .RightDetail .Formline.puanVer ul#stars li .starItem{ display:inline-block;font-size:13px;line-height:13px;width:auto;color:#E6E6E6;} .productDetailContainer .RightDetail .Formline.puanVer ul#stars li.selected .starItem{color:#FFC000;} .productDetailContainer .RightDetail .Formline.puanVer ul#stars li.lpu-bos .starItem{color:#E6E6E6;} .productDetailContainer .RightDetail .Formline.puanVer ul#stars li.lpu-yarim .starItem{ color:#FFC000;background:linear-gradient(90deg,#FFC000 50%,#E6E6E6 50%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;} .lpu-nokta{order:3;-ms-flex-item-align:center;align-self:center;margin:2px 9px 0;font-size:0;line-height:1;color:transparent;} .lpu-nokta:before{content:"";display:block;width:3px;height:3px;border-radius:50%;background:#B5AFA8;} .lpu-yorum-link{order:4;display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:400;color:#7C7C7C;text-decoration:none;line-height:1;} .lpu-yorum-link b{font-size:11px;font-weight:600;color:#5A5A5A;} .lpu-yorum-link:hover,.lpu-yorum-link:hover b{color:#F46924;} /* puan satırında "N Soru-Cevap" — yorum linkiyle aynı dil */ .lpu-nokta.lpu-nokta2{order:5;} .lpu-soru-link{order:6;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:400;line-height:1;color:#7C7C7C;text-decoration:none;cursor:pointer;} .lpu-soru-link b{font-size:11px;font-weight:600;color:#5A5A5A;} .lpu-soru-link:hover,.lpu-soru-link:hover b{color:#F46924;} /* --- yorum yokken: Trendyol'daki tek satır --- */ .productDetailContainer .RightDetail .Formline.puanVer.lpu-yorumsuz .PuanVerSag, .productDetailContainer .RightDetail .Formline.puanVer.lpu-yorumsuz #PuanVer, .productDetailContainer .RightDetail .Formline.puanVer.lpu-yorumsuz .rating-stars, .productDetailContainer .RightDetail .Formline.puanVer.lpu-yorumsuz .lpu-nokta, .productDetailContainer .RightDetail .Formline.puanVer.lpu-yorumsuz .lpu-yorum-link, .productDetailContainer .RightDetail .Formline.puanVer.lpu-yorumsuz .lpu-dagW{display:none;} .productDetailContainer .RightDetail .Formline.puanVer .lpu-yok{order:1;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; font-size:12px;font-weight:400;line-height:16px;color:#666;text-decoration:none;cursor:pointer;} .productDetailContainer .RightDetail .Formline.puanVer .lpu-yok i{margin-right:8px;font-size:14px;color:#333;font-style:normal;line-height:1;} .productDetailContainer .RightDetail .Formline.puanVer .lpu-yok i:before{content:"\f005";font-family:FontAwesome;} .productDetailContainer .RightDetail .Formline.puanVer .lpu-yok:hover, .productDetailContainer .RightDetail .Formline.puanVer .lpu-yok:hover i{color:#F46924;} .lpu-ayrac{display:none;} } /*===== 04 · FİYAT SATIRI (lpuFiyat) — TAMAMEN CSS, JS YOK =====*/ /* Beden/renk seçilince Ticimax fiyat bloğunu baştan basıyor. Rozeti JS ile eklemek yerine Ticimax'in KENDİ #divIndirimOrani bloğunu rozete çeviriyoruz; blok yenilense bile tasarım aynı kalıyor, göz kırpma olmuyor. Düzen: 1) indirimli fiyat 2) üstü çizili fiyat 3) alt satırda indirim rozeti */ @media (min-width:0px){ .productDetailContainer .RightDetail .PriceList{ display:flex;flex-wrap:wrap;align-items:center; float:none;width:100%;margin:14px 0 0;padding:14px 0 0;border:0;border-top:1px solid #F1EFEC;} /* fiyatlar ve rozet dikeyde TAM ortalı dursun (baseline hizası birini aşağı düşürüyordu) */ .productDetailContainer .RightDetail .PriceList .IndirimliFiyatContent, .productDetailContainer .RightDetail .PriceList .PiyasafiyatiContent, .productDetailContainer .RightDetail .PriceList #divIndirimsizFiyat{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;} /* sarmalayıcıları düzleştir → hepsi aynı flex akışına girsin */ .productDetailContainer .RightDetail .PriceList > #pnlFiyatlar, .productDetailContainer .RightDetail .PriceList #divFiyatAlanlari, .productDetailContainer .RightDetail .PriceList .urunDetayFiyatContainer, .productDetailContainer .RightDetail .PriceList #divIndirimliFiyat{display:contents;} .productDetailContainer .RightDetail .PriceList #pnlFiyatlar{float:none;margin:0;} .productDetailContainer .RightDetail .PriceList .IndirimliFiyatContent{order:1;margin:0 10px 0 0;} .productDetailContainer .RightDetail .PriceList .PiyasafiyatiContent{order:2;margin:0;} .productDetailContainer .RightDetail .PriceList > #divIndirimOrani{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;-ms-flex-item-align:center;align-self:center;} .productDetailContainer .RightDetail .PriceList #divOzellestirmeFiyati{display:none;} /* fiyat satırı dışındaki bloklar kendi satırına insin */ .productDetailContainer .RightDetail .PriceList > #productDetailRelated, .productDetailContainer .RightDetail .PriceList > .proDetailArea, .productDetailContainer .RightDetail .PriceList > .productDetailAsorti, .productDetailContainer .RightDetail .PriceList > .productDetailAsortiV2{order:9;flex:0 0 100%;} .productDetailContainer .RightDetail .PriceList .proDetailArea, .productDetailContainer .RightDetail .PriceList .productDetailAsorti, .productDetailContainer .RightDetail .PriceList .productDetailAsortiV2{display:none;} /* etiket sütunları ve KDV yazısı */ .productDetailContainer .RightDetail .PriceList .left_line, .productDetailContainer .RightDetail .PriceList .center_line, .productDetailContainer .RightDetail .PriceList .spanKdv{display:none;} .productDetailContainer .RightDetail .PriceList .Formline{width:auto;float:none;padding:0;border:0;} .productDetailContainer .RightDetail .PriceList .right_line{display:inline;width:auto;float:none;margin:0;} .productDetailContainer .RightDetail .PriceList .spanFiyat{display:block;vertical-align:middle;} /* --- indirim rozeti: Ticimax'in kendi indirim oranı bloğu, fiyatların ALTINDA --- */ .productDetailContainer .RightDetail .PriceList > #divIndirimOrani.Formline{ display:block;width:auto;float:none;margin:0 0 0 auto;padding:0; background:none;border:0;line-height:1;} .productDetailContainer .RightDetail #divIndirimOrani .right_line{ display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:3px; background-image:none;background-color:#feeaea; font-size:0;line-height:1;letter-spacing:0;text-transform:uppercase;} .productDetailContainer .RightDetail #divIndirimOrani #ltrIndirimOrani{ display:inline;font-size:10px;font-weight:600;line-height:1;color:#b00;letter-spacing:.3px;} .productDetailContainer .RightDetail #divIndirimOrani #ltrIndirimOrani:before{content:var(--lpu-kampanya-on);} .productDetailContainer .RightDetail #divIndirimOrani #ltrIndirimOrani:after{content:var(--lpu-kampanya-son);} /* indirim yoksa rozet çıkmasın */ .productDetailContainer .RightDetail .PriceList:not(:has(#ltrIndirimOrani:not(:empty))) > #divIndirimOrani{display:none;} /* :has() desteklenmeyen tarayıcıda rozet hiç gösterilmesin */ @supports not (selector(:has(*))){ .productDetailContainer .RightDetail .PriceList > #divIndirimOrani{display:none;} } /* --- indirim VARKEN: indirimli fiyat koyu, üstü çizili gri --- */ .productDetailContainer .RightDetail .PriceList:has(#ltrIndirimOrani:not(:empty)) .IndirimliFiyatContent{ padding:0;background:none;background-image:none;border-radius:0;} .productDetailContainer .RightDetail .PriceList:has(#ltrIndirimOrani:not(:empty)) .IndirimliFiyatContent .spanFiyat{ font-size:26px;font-weight:600;line-height:32px;color:#252525;letter-spacing:-.015em;} .productDetailContainer .RightDetail .PriceList:has(#ltrIndirimOrani:not(:empty)) .PiyasafiyatiContent .spanFiyat{ font-size:14px;font-weight:400;line-height:20px;color:#8A8A8A;text-decoration:line-through;letter-spacing:0;} /* --- indirim YOKKEN: Ticimax #divIndirimsizFiyat basıyor --- */ .productDetailContainer .RightDetail .PriceList #divIndirimsizFiyat{order:1;margin:0;} .productDetailContainer .RightDetail .PriceList #divIndirimsizFiyat .spanFiyat{ font-size:26px;font-weight:600;line-height:32px;color:#252525;letter-spacing:-.015em;text-decoration:none;} /* indirim satırı basılıp oranı boş gelirse (yedek kural) */ .productDetailContainer .RightDetail .PriceList:not(:has(#ltrIndirimOrani:not(:empty))) .PiyasafiyatiContent .spanFiyat{ font-size:26px;font-weight:600;line-height:32px;color:#252525;letter-spacing:-.015em;text-decoration:none;} /* JS ile eklenen eski rozet tamamen kaldırıldı */ .productDetailContainer .RightDetail .lpu-rozet, .productDetailContainer .RightDetail .lpu-oran, .lpu-rozet,.lpu-oran{display:none;} } /* küçük ekranda fiyat biraz küçülür */ @media (max-width:767px){ .productDetailContainer .RightDetail .PriceList:has(#ltrIndirimOrani:not(:empty)) .IndirimliFiyatContent .spanFiyat, .productDetailContainer .RightDetail .PriceList #divIndirimsizFiyat .spanFiyat, .productDetailContainer .RightDetail .PriceList:not(:has(#ltrIndirimOrani:not(:empty))) .PiyasafiyatiContent .spanFiyat{ font-size:22px;line-height:28px;} } /*===== 05 · RENK SEÇENEKLERİ (lpuRenk + lpuRenk2 + lpuRenk3) =====*/ body div.productDetailContainer div.RightDetail #divUrunEkSecenek .eksecenekLine.resimlivaryasyon, body .lpu-yp #divUrunEkSecenek .eksecenekLine.resimlivaryasyon{display:none;} body div.productDetailContainer div.RightDetail #productDetailRelated{ display:block;width:100%;float:none; margin:16px 0 0;padding:0 0 18px;border-top:0;border-bottom:1px solid #EFEFEF;} body div.productDetailContainer div.RightDetail #productDetailRelated .JKatAdi{ display:block;width:100%;margin:0 0 3px;padding:0;background:none;border:0;text-align:left;} body div.productDetailContainer div.RightDetail #productDetailRelated .JKatAdi .bold{display:block;width:auto;padding:0;margin:0;} body div.productDetailContainer div.RightDetail #productDetailRelated .JKatAdi .satir1{ display:inline;font-size:13px;font-weight:400;color:#3D3D3D; letter-spacing:.2px;text-transform:none;line-height:18px;} .lpu-renk-ad{font-size:13px;font-weight:400;color:#8C8C8C;} body div.productDetailContainer div.RightDetail #productDetailRelated .productExtraInfo{display:none;} /* kutular — Trendyol renk kutusu düzeni (rozet + görsel) */ body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink{ position:relative;display:inline-block;vertical-align:top;float:none; width:56px;height:auto;padding:9px 0 0;margin:0 8px 0 0; border:0;border-radius:3px;background:none;box-shadow:none; overflow:visible;box-sizing:content-box;z-index:1;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink:hover{z-index:3;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink::after, body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink::before{display:none;content:none;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink img{ display:block;position:relative;z-index:1; width:56px;height:84px;max-width:none; object-fit:cover;border-radius:3px;border:1px solid #E6E6E6;box-sizing:border-box; padding:0;margin:0;mix-blend-mode:normal;-webkit-transition:border-color .15s;transition:border-color .15s;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink.active img{border:2px solid #F46924;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink:hover img{border-color:#C9C9C9;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink.active:hover img{border-color:#F46924;} /* yüklenirken: native load.gif çarkı yerine La Pablo placeholder — YALNIZ renk kutuları. src DEĞİŞMİYOR; gerçek resim gelince selector düşer ve kural kendiliğinden kalkar. */ body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink img[src*="load.gif"]{ object-fit:none;object-position:-9999px -9999px; background-image:url("https://static.ticimax.cloud/79958/uploads/images/download.jpg"); background-repeat:no-repeat;background-position:center;background-size:contain;} /* renk adı rozeti */ body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink .lpu-rz{ position:absolute;top:0;left:1px;right:1px;height:15px;z-index:5; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; box-sizing:border-box;padding:0 3px;border-radius:3px; font:600 10px/11px Arial,Helvetica,sans-serif;letter-spacing:.1px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:transparent;border:1px solid transparent;color:transparent; opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s;pointer-events:none;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink.active .lpu-rz{ opacity:1;background:#FEF1EB;border-color:#FBD5C3;color:#F46924;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink:hover .lpu-rz{ opacity:1;background:#333;border-color:#333;color:#FFF;} body div.productDetailContainer div.RightDetail div#productDetailRelated.ilgiliUrunSecenek a.detailLink.active:hover .lpu-rz{ background:#FEF1EB;border-color:#FBD5C3;color:#F46924;} /*===== 06 · BEDEN SEÇENEKLERİ (lpuBeden + lpuBeden2) — Deniz Butik ölçüleri =====*/ body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon{ display:block;width:100%;float:none;border-top:0;margin:18px 0 0;padding:0;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .left_line, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .left_line{ display:block;width:100%;float:none;margin:0 0 12px;padding:0; font-size:13px;font-weight:400;color:#3D3D3D;line-height:18px;letter-spacing:.2px;text-transform:none;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .center_line, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .center_line{display:none;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .right_line, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .right_line{ display:block;width:100%;float:none;margin:0;padding:0;font-size:0;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .right_line:after, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon .right_line:after{content:"";display:block;clear:both;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box{ position:relative;display:inline-block;vertical-align:top;float:none; width:50px;min-width:50px;height:50px;min-height:50px;max-height:none;box-sizing:border-box; margin:0 10px 0 0;padding:0 5px; border:1px solid #F1F1F1;border-radius:3px;background:#F7F3F3; color:#303030;font-size:17px;font-weight:500;line-height:48px; text-align:center;cursor:pointer;overflow:visible; -webkit-transition:all .15s;transition:all .15s;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box:hover, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box:hover{ border-color:#C9C9C9;background:#F1ECEC;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.selected, body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.selected:hover, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.selected, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.selected:hover{ background:#F46924;border-color:#F46924;color:#FFF;} /* stok yok: soluk zemin + perde + çapraz çizgi */ body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok, body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok:hover, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok:hover{ /* R2: stokta olmayan bedende KENAR GERÇEKTEN KESİK (dashed). Daha önce yalnız gri perde (:before) + çapraz çizgi (:after) vardı, kenar solid kalıyordu. Perde, çapraz çizgi ve .btnnostok çanı AYNEN duruyor; yalnız kenar biçimi ve rengi değişti (#F1EFEE kesik çizgide görünmüyordu → #D8D4D2). Native disabled / tıklama / stok iş mantığına dokunulmadı. */ opacity:1;background:#FAF9F9;border-style:dashed;border-color:#D8D4D2;color:#BDBDBD;overflow:visible;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok:before, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok:before{ content:"";position:absolute;top:0;left:0; width:48px;height:48px;background:rgba(200,200,200,.25);border-radius:3px;z-index:1;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok:after, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok:after{ content:"";position:absolute;top:24px;left:24px; width:38px;height:2px;max-width:none;margin:0;background:#C6C6C6;z-index:2; -webkit-transform-origin:19px 1px;transform-origin:19px 1px; -webkit-transform:translate(-19px,-1px) rotate(-52deg);transform:translate(-19px,-1px) rotate(-52deg);} /* "gelince haber ver" → sağ üst köşede çan rozeti */ body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok{ display:block;position:absolute;top:-10px;right:-10px;left:auto;bottom:auto; width:22px;height:22px;padding:0;margin:0;box-sizing:border-box; border:2px solid #FFF;border-radius:50%; background:#4B5563 url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%2F%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center/12px 12px; box-shadow:0 3px 10px rgba(107,114,128,.4); font-size:0;line-height:0;color:transparent;text-indent:-9999px;overflow:hidden; white-space:nowrap;cursor:pointer;z-index:100;opacity:1; -webkit-transition:background-color .15s,-webkit-transform .15s;transition:background-color .15s,transform .15s;} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok:hover, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok:hover{ background-color:#F46924;-webkit-transform:scale(1.08);transform:scale(1.08);} body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok br, body div.productDetailContainer div.RightDetail #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok i, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok br, body .lpu-yp #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box.nostok .btnnostok i{display:none;} /* varyant seçim penceresi: kutular yukarıdaki kurallarla birebir aynı kalır, burada yalnız pencere içi yerleşim, ürün özeti ve CTA tanımlanır */ body .lpu-yp #divUrunEkSecenek{width:100%;float:none;margin:0;padding:0;} /* gruplar arası boşluk sarmalda yönetilir; tek grupta temanın kendi etiketi gizlenir */ body .lpu-yp .lpu-vs #divUrunEkSecenek div.eksecenekLine{margin:0 0 18px;} body .lpu-yp .lpu-vs--tek #divUrunEkSecenek div.eksecenekLine{margin:0;} body .lpu-yp .lpu-vs--tek #divUrunEkSecenek div.eksecenekLine .left_line{display:none;} /* çok bedenli üründe kutular alt alta sarınca satır arası boşluk oluşsun */ body .lpu-yp .lpu-vs #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line{margin-bottom:-10px;} body .lpu-yp .lpu-vs #divUrunEkSecenek div.eksecenekLine.kutuluvaryasyon span.right_line span.size_box{margin:0 10px 10px 0;} /* alt açıklama */ .lpu-vs__ac{margin:0 0 14px;font-size:13px;font-weight:400;line-height:18px;color:#7A7A7A;letter-spacing:.1px;} /* ürün özeti: görsel + ad + fiyat */ .lpu-vs__urun{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .lpu-vs__gorsel{-ms-flex:0 0 80px;flex:0 0 80px;width:80px;height:104px;margin:0 12px 0 0; border-radius:4px;overflow:hidden;background:#F5F3F2;} .lpu-vs__gorsel img{display:block;width:100%;height:100%;object-fit:cover;} .lpu-vs__bilgi{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;} .lpu-vs__ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin:0 0 10px;font-size:14px;font-weight:500;line-height:19px;color:#242424;letter-spacing:.1px;} .lpu-vs__fiyat{line-height:1.2;} .lpu-vs__fiyat .yen{display:block;font-size:19px;font-weight:600;line-height:23px;color:#252525;letter-spacing:-.2px;} .lpu-vs__fiyat .esk{display:inline-block;vertical-align:middle;margin:5px 8px 0 0; font-size:13px;font-weight:400;line-height:16px;color:#9A9A9A;text-decoration:line-through;} .lpu-vs__fiyat .ind{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle; margin:5px 0 0;padding:0 7px;height:19px;border-radius:3px;background:#FEF1EB; font-size:11px;font-weight:600;line-height:1;color:#F46924;letter-spacing:.1px;} /* ince ayraç — panel kenarına kadar */ .lpu-vs__ayrac{height:1px;margin:16px -16px;background:#F0EEEC;} /* varyant grubu başlığı (bizim sunum katmanımız; Ticimax DOM'una düğüm eklenmez) */ .lpu-vs__gbas{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; margin:0 0 12px;} .lpu-vs__gad{font-size:13px;font-weight:500;line-height:18px;color:#242424;letter-spacing:.2px;} .lpu-vs__sec{padding:0 0 0 10px;font-size:12.5px;font-weight:400;line-height:18px;color:#8C8C8C; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* CTA */ .lpu-vs__alt{position:-webkit-sticky;position:sticky;bottom:0;z-index:2; margin:18px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); background:#FFF;border-top:1px solid #F0EEEC;} /* .lpu-bar__b dosyada daha sonra geldiği için kapsam bir sınıf artırılır (!important yok) */ .lpu-vs .lpu-vs__b{display:block;width:100%;min-width:0;height:52px;border-radius:4px;letter-spacing:.4px;} /*===== 07 · SEPETE EKLE + SIRALAMA (lpuSepet) =====*/ body div.productDetailContainer div.RightDetail div.MiddleList{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; width:100%;float:none;} body div.productDetailContainer div.RightDetail div.MiddleList #divUrunEkSecenek{ -webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;float:none;margin:0;padding:0;} body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl{ -webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;float:none;margin:18px 0 0;padding:0;} body div.productDetailContainer div.RightDetail div.MiddleList #divTahminiTeslimatSuresi{ -webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;float:none;margin:12px 0 0;padding:0;} /* adet kutusu gizli */ body div.productDetailContainer div.RightDetail div.MiddleList #divBasketInputTextBox{display:none;} body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl .BasketBtn, body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl .basketBtn{ width:100%;float:none;margin:0;padding:0;display:block;} body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl input.Addtobasket, body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl input.button{ width:100%;height:52px;line-height:52px;display:block;float:none; margin:0;padding:0;box-sizing:border-box; background:#F46924;background-image:none;border:0;border-radius:3px; color:#FFF;font-size:15px;font-weight:700;letter-spacing:.3px; text-transform:uppercase;cursor:pointer;box-shadow:none; -webkit-transition:none;transition:none;} body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl input.Addtobasket:hover, body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl input.Addtobasket:focus, body div.productDetailContainer div.RightDetail div.MiddleList #divSatinAl input.Addtobasket:active{ background:#F46924;background-image:none;color:#FFF;border:0;box-shadow:none;opacity:1;} /*===== 08 · TAHMİNİ TESLİMAT (lpuTeslim) — Deniz Butik renkleri =====*/ body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi{ display:block;width:100%;float:none;margin:12px 0 0;padding:0; font-size:0;line-height:0;border:0;background:none;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .boxIcon{ display:inline-block;vertical-align:middle;float:none; width:20px;height:16px;margin:0 6px 0 0;padding:0;line-height:0;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .boxIcon svg{ display:block;width:20px;height:16px;fill:#0CBA3E;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .boxIcon svg path{fill:#0CBA3E;stroke:none;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .left_line, body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .center_line, body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .right_line{ display:inline-block;vertical-align:middle;float:none;width:auto; margin:0;padding:0;font-size:13px;font-weight:400;line-height:19px;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .left_line, body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .center_line{color:#0CBA3E;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .center_line{margin:0 5px 0 0;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi .right_line{color:#4C4C4C;} /*===== 09 · ÜRÜN KODU + WHATSAPP/TELEFON BLOĞU (lpuPS) =====*/ body div.productDetailContainer div.RightDetail .ProductIcon, body div.productDetailContainer div.RightDetail .ProductIcon2{display:none;} body div.productDetailContainer div.RightDetail div.lpu-ps{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; width:100%;box-sizing:border-box;margin:16px 0 0;padding:13px 16px; background:rgb(250,250,250);border:1px solid #F2F2F2;border-radius:3px;} body div.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__kod{line-height:1.15;} body div.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__kod b{ display:block;font-size:11px;font-weight:400;color:#9A9A9A; letter-spacing:.6px;text-transform:uppercase;margin:0 0 3px;} body div.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__kod span{ display:block;font-size:15px;font-weight:600;color:#3D3D3D;letter-spacing:.2px;} body div.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__btn{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;gap:8px;} body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; min-width:0;height:38px;margin:0;padding:0 16px;border-radius:3px; border:1px solid #E4E1DC;background:#FFF;color:#3D3D3D; font-size:13px;font-style:normal;font-weight:400;letter-spacing:.1px; text-decoration:none;white-space:nowrap; -webkit-transition:border-color .2s,background-color .2s;transition:border-color .2s,background-color .2s;} body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b i{margin-right:7px;line-height:1;font-style:normal;} body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.wp i{font-size:16px;color:#3EA94B;} body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.tel i{font-size:14px;color:#D94B4B;} body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b:hover{text-decoration:none;} body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.wp:hover, body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.wp:focus{border-color:#3EA94B;background:rgba(62,169,75,.05);color:#2F7D38;} body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.tel:hover, body div.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.tel:focus{border-color:#D94B4B;background:rgba(217,75,75,.05);color:#B33A3A;} /*===== 10 · SEKME ÇEKMECESİ (lpuDrawer) =====*/ body div.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li#liTabYorumlar{display:none;} body div.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a{cursor:pointer;} body div.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a:hover, body div.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > a:hover:after{color:#F46924;} body div.productDetailContainer #divUrunOzellikAlani .urunTab > ul > li > div{display:none;} .lpu-dwbg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:99998; opacity:0;visibility:hidden;-webkit-transition:opacity .28s ease,visibility .28s ease;transition:opacity .28s ease,visibility .28s ease;} .lpu-dwbg.acik{opacity:1;visibility:visible;} .lpu-dw{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:#FFF;z-index:99999; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; box-shadow:-6px 0 24px rgba(0,0,0,.12); -webkit-transform:translateX(100%);transform:translateX(100%); -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);} .lpu-dw.acik{-webkit-transform:translateX(0);transform:translateX(0);} .lpu-dw__ust{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative; padding:18px 52px 18px 24px;border-bottom:1px solid #EFEFEF;} .lpu-dw__ust h4{margin:0;font-size:16px;font-weight:600;color:#1A1A1A;line-height:1.3;} .lpu-dw__kapat{position:absolute;top:50%;right:16px;width:32px;height:32px;margin-top:-16px; border:0;background:none;padding:0;cursor:pointer;font-size:0;line-height:0;} .lpu-dw__kapat:before,.lpu-dw__kapat:after{content:"";position:absolute;top:15px;left:8px;width:16px;height:2px;background:#333;} .lpu-dw__kapat:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .lpu-dw__kapat:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .lpu-dw__kapat:hover:before,.lpu-dw__kapat:hover:after{background:#F46924;} .lpu-dw__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch; padding:20px 24px 40px;font-size:14px;line-height:1.7;color:#333;} .lpu-dw__ic img{max-width:100%;height:auto;} .lpu-dw__ic table{width:100%;max-width:100%;border-collapse:collapse;} .lpu-dw__ic td,.lpu-dw__ic th{padding:7px 10px;border:1px solid #EFEFEF;font-size:13px;} .lpu-dw__ic p{margin:0 0 10px;} .lpu-dw__ic *{max-width:100%;} .lpu-dw__ic::-webkit-scrollbar{width:4px;} .lpu-dw__ic::-webkit-scrollbar-track{background:#F1F1F1;} .lpu-dw__ic::-webkit-scrollbar-thumb{background:#F46924;border-radius:2px;} html.lpu-kilit,body.lpu-kilit{overflow:hidden;overscroll-behavior:none;touch-action:none;} /*===== 10b · KÜÇÜK EKRAN DÜZELTMELERİ =====*/ /* ≤1140: tek kolon — sağ kolon tam genişlik */ @media (max-width:1140px){ body div.productDetailContainer div.RightDetail{width:100%;float:none;box-sizing:border-box;padding:0 16px;} body div.productDetailContainer div.RightDetail .MiddleList{width:100%;float:none;} .lpu-rv{margin-top:28px;} } /* ≤900: dokunmatik ağırlıklı — hover balonu ve oklar kapalı */ @media (max-width:900px){ .lpu-dag{display:none;} .lpu-rv__ok{display:none;} .lpu-rv__k{-ms-flex:0 0 86%;flex:0 0 86%;max-width:340px;} .lpu-dw{width:100%;max-width:100%;} } /* ≤760: ürün kodu + butonlar alt alta */ @media (max-width:760px){ body div.productDetailContainer div.RightDetail .lpu-ps{-ms-flex-wrap:wrap;flex-wrap:wrap;} body div.productDetailContainer div.RightDetail .lpu-ps__kod{width:100%;margin:0 0 12px;} body div.productDetailContainer div.RightDetail .lpu-ps__btn{width:100%;} body div.productDetailContainer div.RightDetail .lpu-ps__b{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;} .lpu-rv__ozet{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:16px;} .lpu-rv__yaz{margin:12px 0 0;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} } @media (max-width:640px){ body div.productDetailContainer div.RightDetail .lpu-ps__b{font-size:12px;} body div.productDetailContainer div.RightDetail .lpu-ps__b i{font-size:17px;margin-right:4px;} body div.productDetailContainer div.RightDetail .lpu-ps__b.wp{margin-right:8px;} .lpu-rv__k{-ms-flex:0 0 88%;flex:0 0 88%;} .lpu-rv__h{font-size:16px;} } /*===== 10c · MOBİL SABİT SEPET BARI (Paulmark .BtnArea) =====*/ .lpu-bar{position:fixed;left:0;right:0;bottom:0;z-index:99990;display:none; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px; box-sizing:border-box;width:100%;padding:8px 14px 12px;background:#FFF; border-top:1px solid #E4E4E4;box-shadow:0 -4px 14px rgba(0,0,0,.08);} /* iki satır: [güncel fiyat][eski fiyat] / [indirim bilgisi] */ .lpu-bar__f{display:grid;grid-template-columns:auto auto; -ms-flex:1 1 auto;flex:1 1 auto;width:auto;min-width:0; justify-content:start;align-items:baseline;column-gap:7px;row-gap:3px; white-space:nowrap;line-height:1.25;} .lpu-bar__f .yen{grid-column:1;grid-row:1;font-size:19px;font-weight:600;line-height:22px;color:#252525;letter-spacing:-.2px;} .lpu-bar__f .yen.tek{color:#252525;} .lpu-bar__f .esk{grid-column:2;grid-row:1;margin:0;font-size:13px;font-weight:400;line-height:16px;color:#8A8A8A;text-decoration:line-through;} /* ürün detaydaki indirim rozetiyle birebir aynı */ .lpu-bar__f .ind{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; grid-column:1 / -1;grid-row:2;justify-self:start; /* ikinci satır: fiyatların ALTI, sola yaslı */ max-width:100%;overflow:hidden; margin:0;padding:0 8px;height:20px;border-radius:3px;background:#FEEAEA; font-size:10px;font-weight:600;line-height:1;text-transform:uppercase;color:#BB0000;} .lpu-bar__b{-ms-flex:0 0 auto;flex:0 0 auto;min-width:45%;height:44px;padding:0 16px; background:#F46924;border:0;border-radius:3px;color:#FFF; font-size:15px;font-weight:700;letter-spacing:.3px;text-transform:uppercase; cursor:pointer;font-family:inherit;} .lpu-bar__b[disabled]{background:#F0F0F0;color:#909090;cursor:default;} @media (max-width:1140px){ .lpu-bar.acik{display:-webkit-box;display:-ms-flexbox;display:flex;} body.lpu-barli{padding-bottom:68px;} /* iç boşluk Paulmark'ta 16px */ body div.productDetailContainer div.RightDetail{padding:0 16px;} /* favori mobilde yuvarlak buton */ body div.productDetailContainer div.RightDetail .lpu-opsiyon .UFavorilerimeEkle{ width:40px;height:40px;border-radius:100%;background:#F8F6F7; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex:0 0 auto;flex:0 0 auto;} } /*===== 10d · GALERİ İLERLEME ÇİZGİSİ (Paulmark Slider_Gallerypagination) =====*/ .lpu-ilerle{display:none;position:absolute;left:100px;right:100px;bottom:14px;height:2px;z-index:2;} .lpu-ilerle:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#E0E0E0;} .lpu-ilerle i{position:relative;display:block;height:2px;background:#000; -webkit-transition:left .2s ease;transition:left .2s ease;} @media (max-width:1140px){ body div.productDetailContainer .leftImage{position:relative;} .lpu-ilerle{display:block;} } @media (max-width:480px){ .lpu-ilerle{left:60px;right:60px;} } /*===== 11 · ÜRÜN DEĞERLENDİRMELERİ BÖLÜMÜ (lpuRv) — Trendyol ölçüleri =====*/ .lpu-rv{width:100%;margin:40px 0 0;font-family:inherit;}.lpu-rv__h{margin:0 0 12px;font-size:16px;font-weight:500;line-height:22px;color:#252525;letter-spacing:.2px;} /* özet şeridi */.lpu-rv__ozet{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#FFF9EB;border-radius:3px;padding:16px 18px;margin:0 0 18px;}.lpu-rv__yildiz{display:inline-block;vertical-align:middle;line-height:18px;white-space:nowrap;height:18px;}.lpu-rv__yildiz i{font-size:18px;color:#E6E6E6;margin-right:6px;font-style:normal;line-height:18px;} .lpu-rv__yildiz i:last-child{margin-right:0;} .lpu-rv__yildiz i.d{color:#FFC000;}.lpu-rv__puan{display:inline-block;vertical-align:middle;margin:0 8px 0 12px;font-size:20px;font-weight:500;color:#333;line-height:1;}.lpu-rv__nokta{display:inline-block;vertical-align:middle;width:3px;height:3px;border-radius:50%;background:#CFCFCF;margin:0 9px;}.lpu-rv__adet{display:inline-block;vertical-align:middle;font-size:14px;font-weight:400;color:#666;} /* "Ürünü Değerlendir" butonu — beyaz, ince amber çerçeve, turuncu kalem */.lpu-rv__yaz{margin-left:auto;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;padding:0 16px;box-sizing:border-box;background:#FFF;border:1px solid #E4E1DC;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(90,70,0,.07);box-shadow:none;font-size:14px;font-weight:500;color:#3D3D3D;line-height:1;cursor:pointer;white-space:nowrap;font-family:inherit;-webkit-transition:box-shadow .2s,border-color .2s;transition:box-shadow .2s,border-color .2s;} .lpu-rv__yaz:hover{border-color:#E6D2A0;-webkit-box-shadow:0 3px 10px rgba(90,70,0,.12);box-shadow:0 3px 10px rgba(90,70,0,.12);background:#FFF;} .lpu-rv__yaz svg{margin-right:9px;-ms-flex-negative:0;flex-shrink:0;} /* kart listesi + oklar */ .lpu-rv__sar{position:relative;}.lpu-rv__ok{position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;z-index:3;background:#FFF;border:1px solid #E6E6E6;border-radius:50%;cursor:pointer;padding:0;font-size:0;line-height:1;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.08);} .lpu-rv__ok:after{content:"";display:block;width:11px;height:11px;margin:0 auto;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;} .lpu-rv__ok.sag:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);} .lpu-rv__ok:hover{border-color:#F46924;color:#F46924;} .lpu-rv__ok.sol{left:-8px;} .lpu-rv__ok.sag{right:-8px;} .lpu-rv__ok[disabled]{display:none;} .lpu-rv__list{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;padding:0;margin:0 0 24px; -ms-overflow-style:none;scrollbar-width:none;} .lpu-rv__list::-webkit-scrollbar{width:0;height:0;display:none;} .lpu-rv__list::-webkit-scrollbar-track, .lpu-rv__list::-webkit-scrollbar-thumb{background:transparent;} /* yorum kartı */.lpu-rv__k{-webkit-box-flex:0;-ms-flex:0 0 320px;flex:0 0 320px;box-sizing:border-box;min-height:180px;margin-right:8px;padding:14px;background:#FFF;border:1px solid #E6E6E6;border-radius:3px;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-color:#EDEAE6;}.lpu-rv__k .ky i{font-size:13px;margin-right:3px;}.lpu-rv__k .kb{margin:7px 0 0;font-size:13px;line-height:15px;color:#8A8A8A;} .lpu-rv__k .kn{display:inline-block;width:3px;height:3px;border-radius:50%;background:#C4C4C4;margin:0 6px;vertical-align:middle;}.lpu-rv__k .kcip{margin:8px 0 0;font-size:0;}.lpu-rv__k .kcip span{display:inline-block;margin:0 6px 0 0;padding:2px 8px;background:#F7F7F7;border-radius:3px;font-size:12px;line-height:16px;color:#8A8A8A;}.lpu-rv__k .kcip span b{font-weight:500;color:#4A4A4A;}.lpu-rv__k .kt{margin:10px 0 0;font-size:14px;line-height:19px;color:#3D3D3D;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}.lpu-rv__k .kalt{margin:auto 0 0;padding:10px 0 0;border-top:1px solid #F2F0ED;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.lpu-rv__k .kalt .tv{font-size:12px;font-weight:400;color:#6FA97F;letter-spacing:.1px;}.lpu-rv__k .kalt .tv.yok{color:#C4C4C4;font-weight:400;}.lpu-rv__k .kalt .fay{margin-left:auto;font-size:12px;color:#9A9A9A;white-space:nowrap;}.lpu-rv__k .kalt .fay a{color:#9A9A9A;text-decoration:none;margin-left:10px;cursor:pointer;font-size:12px;} .lpu-rv__k .kalt .fay a:hover{color:#F46924;} .lpu-rv__k .kalt .fay a i{display:inline-block;min-width:12px;font-style:normal;margin-right:4px;} .lpu-rv__k .kalt .fay a i.fa-thumbs-o-up:before{content:"\f164";font-family:FontAwesome;} .lpu-rv__k .kalt .fay a i.fa-thumbs-o-down:before{content:"\f165";font-family:FontAwesome;} /* "Tüm Yorumları Göster" — çizginin ortasında pill */ .lpu-rv__moreW{position:relative;text-align:center;margin:8px 0 0;} .lpu-rv__moreW:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#EBEBEB;}.lpu-rv__more{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0 22px;text-align:center;background:#FAFAFA;border:1px solid #F0F0F0;border-radius:3px;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;color:#3D3D3D;-webkit-box-shadow:0 0 0 14px #FFF;box-shadow:0 0 0 14px #FFF;-webkit-transition:background .2s;transition:background-color .2s,border-color .2s,color .2s;height:36px;}.lpu-rv__more:hover{background:#FDF1E8;border-color:#F7DCC8;color:#D8601C;} .lpu-rv__more i{font-style:normal;margin-left:7px;font-size:0;display:inline-block;width:11px;height:11px;vertical-align:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;-webkit-transform:rotate(180deg);transform:rotate(180deg);} /* aç/kapa butonlarında ok yönü: kapalıyken aşağı, açıkken yukarı */ .lpu-ac > .lpu-rv__moreW .lpu-rv__more i,.lpu-oz2 .lpu-rv__more i{-webkit-transform:rotate(90deg);transform:rotate(90deg);} .lpu-ac.kapali > .lpu-rv__moreW .lpu-rv__more i,.lpu-oz2.kapali .lpu-rv__more i{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} /* --- yorum yokken: şerit dursun, sarı yuvarlak yıldız + tek satır uyarı --- */ .lpu-rv__ozetbos{padding:20px 24px;} .lpu-rv__bosi{-ms-flex-negative:0;flex-shrink:0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:36px;height:36px;margin-right:14px;border-radius:50%;background:#FFC000;} .lpu-rv__bosi:before{content:"\f005";font-family:FontAwesome;font-size:17px;line-height:1;color:#FFF;font-style:normal;} .lpu-rv__bos{font-size:16px;font-weight:500;line-height:20px;color:#333;} .lpu-rv__adet b{font-weight:600;color:#333;} .lpu-rv__k .ky{display:flex;align-items:center;justify-content:flex-start;width:100%;} .lpu-rv__k .ky i:last-child{margin-right:0;} .lpu-rv__k .ky .ktar{margin-left:auto;font-size:12px;font-weight:400;color:#AFAFAF;letter-spacing:.2px;line-height:1;} .lpu-rv__k .kalt .fay,.lpu-rv__k .kalt .fay a,.lpu-rv__k .kalt .fay i{font-size:12px;color:#9A9A9A;} /*===== 12 · PUAN DAĞILIM BALONU (lpuDag) — Trendyol tooltip'i =====*/.lpu-dag{position:absolute;z-index:9999;width:351px;box-sizing:border-box;padding:16px;background:#FAFAFA;border-radius:3px;box-shadow:0 4px 16px rgba(51,51,51,.24);opacity:0;visibility:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;text-align:left;} .lpu-dag.acik{opacity:1;visibility:visible;} .lpu-dag:before{content:"";position:absolute;top:-8px;left:28px;width:16px;height:16px;background:#FAFAFA;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .lpu-dag__b{position:relative;font-size:12px;font-weight:400;color:#666;line-height:20px;margin:0 0 8px;} .lpu-dag__b strong{font-weight:700;color:#666;margin-right:4px;} .lpu-dag__s{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:16px;margin:0 0 8px;} .lpu-dag__s:last-child{margin:0;} .lpu-dag__n{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:12px;font-weight:600;color:#333;margin-right:8px;} .lpu-dag__y{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;line-height:1;white-space:nowrap;} .lpu-dag__y i{font-size:12px;color:#E6E6E6;margin-right:2px;font-style:normal;} .lpu-dag__y i.d{color:#FFC000;} .lpu-dag__c{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:4px;margin:0 8px 0 7px;background:#E6E6E6;border-radius:2px;overflow:hidden;} .lpu-dag__c span{display:block;height:4px;background:#FFC000;border-radius:2px;} .lpu-dag__k{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:16px;text-align:right;font-size:12px;color:#333;} .lpu-dagW{position:relative;display:inline-block;cursor:default;} /*===== 13 · "TÜM YORUMLAR" SAYFA İÇİ TAM EKRAN (lpuRy) =====*/ .lpu-ry{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#F4F4F4;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;} .lpu-ry.acik{display:block;} /* üst bar */ .lpu-ry__bar{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:#FFF;border-bottom:1px solid #EBEBEB;} .lpu-ry__bari{max-width:1200px;margin:0 auto;padding:12px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.lpu-ry__geri{width:34px;height:34px;margin-right:14px;border:1px solid #E6E6E6;border-radius:50%;background:#FFF;cursor:pointer;font-size:17px;line-height:1;color:#333;padding:0;} .lpu-ry__geri:hover{border-color:#F46924;color:#F46924;}.lpu-ry__bt{font-size:16px;font-weight:500;color:#252525;letter-spacing:.2px;}.lpu-ry__kriter{margin-left:auto;font-size:12px;color:#8A8A8A;text-decoration:none;} .lpu-ry__kriter:hover{color:#F46924;} /* gövde */ .lpu-ry__gov{max-width:1200px;margin:0 auto;padding:20px 20px 60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;} .lpu-ry__sol{-webkit-box-flex:0;-ms-flex:0 0 320px;flex:0 0 320px;margin-right:20px;position:-webkit-sticky;position:sticky;top:80px;} .lpu-ry__sag{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;}.lpu-ry__kutu{background:#FFF;border:1px solid #EBEBEB;border-radius:3px;padding:16px;margin:0 0 14px;border-color:#EDEAE6;}.lpu-ry__kb{font-size:13px;font-weight:500;color:#3D3D3D;margin:0 0 14px;letter-spacing:.2px;} /* ürün kartı */ .lpu-ry__uk{display:-webkit-box;display:-ms-flexbox;display:flex;} .lpu-ry__uk img{width:86px;height:124px;object-fit:cover;border-radius:6px;border:1px solid #EFEFEF;margin-right:14px;-ms-flex-negative:0;flex-shrink:0;}.lpu-ry__uk .ad{font-size:13px;font-weight:500;color:#252525;line-height:18px;}.lpu-ry__uk .fi{margin-top:8px;font-size:16px;font-weight:600;color:#252525;}.lpu-ry__uk .es{margin-top:4px;font-size:12px;color:#8A8A8A;text-decoration:line-through;}.lpu-ry__git{display:block;width:100%;margin:14px 0 0;height:38px;background:#F46924;border:0;border-radius:3px;color:#FFF;font-size:13px;font-weight:500;cursor:pointer;letter-spacing:.3px;} .lpu-ry__git:hover{background:#DB5A19;} /* puan dağılımı */ .lpu-ry__ds{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;margin:0 0 8px;} .lpu-ry__ds:last-child{margin:0;} .lpu-ry__ds .n{-ms-flex:0 0 auto;flex:0 0 auto;font-size:12px;font-weight:600;color:#333;width:10px;} .lpu-ry__ds .st{-ms-flex:0 0 auto;flex:0 0 auto;margin:0 8px 0 4px;line-height:1;white-space:nowrap;} .lpu-ry__ds .st i{font-size:11px;color:#E6E6E6;margin-right:1px;font-style:normal;} .lpu-ry__ds .st i.d{color:#FFC000;} .lpu-ry__ds .c{-ms-flex:1 1 auto;flex:1 1 auto;height:5px;background:#EFEFEF;border-radius:3px;overflow:hidden;} .lpu-ry__ds .c span{display:block;height:5px;background:#FFC000;} .lpu-ry__ds .k{-ms-flex:0 0 auto;flex:0 0 auto;min-width:22px;margin-left:10px;text-align:right;font-size:12px;color:#666;} /* filtreler */.lpu-ry__f{display:block;width:100%;padding:8px 0;background:none;border:0;text-align:left;cursor:pointer;font-size:13px;color:#333;line-height:18px;} .lpu-ry__f i{font-size:13px;color:#E6E6E6;margin-right:2px;font-style:normal;} .lpu-ry__f i.d{color:#FFC000;} .lpu-ry__f span{float:right;color:#999;font-size:13px;}.lpu-ry__f.on{font-weight:600;color:#F46924;font-size:13px;} .lpu-ry__f.on span{color:#F46924;} .lpu-ry__cip{font-size:0;}.lpu-ry__cip button{display:inline-block;margin:0 6px 8px 0;padding:7px 13px;background:#FFF;border:1px solid #E6E6E6;border-radius:3px;font-size:12px;color:#444;cursor:pointer;font-family:inherit;} .lpu-ry__cip button:hover{border-color:#C9C9C9;} .lpu-ry__cip button.on{background:#FFF4EE;border-color:#F46924;color:#F46924;font-weight:600;} /* sağ üst */.lpu-ry__ozet2{background:#FFF9EB;border-radius:3px;padding:16px 18px;margin:0 0 14px;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.lpu-ry__y i{font-size:18px;color:#E6E6E6;margin-right:5px;font-style:normal;} .lpu-ry__y i.d{color:#FFC000;} .lpu-ry__y b{font-size:22px;font-weight:600;color:#333;margin:0 10px 0 12px;} .lpu-ry__y span{font-size:15px;font-weight:600;color:#333;}.lpu-ry__yaz2{margin-left:auto;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;padding:0 16px;background:#FFF;border:1px solid #E4E1DC;border-radius:3px;box-shadow:none;font-size:13px;font-weight:500;color:#3D3D3D;cursor:pointer;white-space:nowrap;font-family:inherit;} .lpu-ry__yaz2 svg{margin-right:9px;}.lpu-ry__ust{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 14px;gap:10px;}.lpu-ry__ara{-ms-flex:1 1 auto;flex:1 1 auto;height:38px;padding:0 40px 0 14px;box-sizing:border-box;border:1px solid #E6E6E6;border-radius:3px;background:#FFF;font-size:13px;color:#333;outline:none;border-color:#E8E5E0;width:100%;} .lpu-ry__ara:focus{border-color:#F46924;}.lpu-ry__sirala{-ms-flex:0 0 auto;flex:0 0 auto;height:38px;margin-left:10px;padding:0 12px;box-sizing:border-box;border:1px solid #E6E6E6;border-radius:3px;background:#FFF;font-size:13px;color:#333;cursor:pointer;outline:none;border-color:#E8E5E0;}.lpu-ry__say{margin:0 0 12px;font-size:12px;color:#8A8A8A;} .lpu-ry__say b{color:#1A1A1A;font-weight:600;} /* yorum satırı */.lpu-ry__satir{background:#FFF;border:1px solid #EBEBEB;border-radius:3px;padding:16px;margin:0 0 12px;border-color:#EDEAE6;} .lpu-ry__bas{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .lpu-ry__bas > span:nth-child(2){display:block;min-width:0;}.lpu-ry__av{-ms-flex:0 0 auto;flex:0 0 auto;width:38px;height:38px;margin-right:12px;border-radius:50%;background:#FFF3E9;color:#F46924;font-size:13px;font-weight:600;text-align:center;line-height:38px;}.lpu-ry__isim{display:block;font-size:13px;font-weight:500;color:#252525;line-height:18px;}.lpu-ry__meta{display:block;margin-top:3px;font-size:11px;color:#9A9A9A;line-height:16px;} .lpu-ry__meta .sn{display:inline-block;width:3px;height:3px;border-radius:50%;background:#C4C4C4;margin:0 7px;vertical-align:middle;} .lpu-ry__sy{margin-left:auto;white-space:nowrap;}.lpu-ry__sy i{font-size:12px;color:#E6E6E6;margin-right:3px;font-style:normal;} .lpu-ry__sy i.d{color:#FFC000;}.lpu-ry__satir .sm{margin:14px 0 0;font-size:13px;line-height:19px;color:#3D3D3D;} .lpu-ry__satir .sm b{font-weight:600;}.lpu-ry__alt{margin:14px 0 0;padding:10px 0 0;border-top:1px solid #F2F2F2;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-color:#F2F0ED;}.lpu-ry__alt .tv{font-size:11px;font-weight:400;color:#6FA97F;}.lpu-ry__alt .tv.yok{color:#C4C4C4;font-weight:400;}.lpu-ry__alt .fay{margin-left:auto;font-size:11px;color:#9A9A9A;}.lpu-ry__alt .fay a{color:#9A9A9A;text-decoration:none;margin-left:12px;cursor:pointer;font-size:11px;} .lpu-ry__alt .fay a:hover{color:#F46924;}.lpu-ry__alt .fay i{font-style:normal;margin-right:5px;font-size:11px;color:#9A9A9A;} .lpu-ry__alt .fay i.fa-thumbs-o-up:before{content:"\f164";font-family:FontAwesome;} .lpu-ry__alt .fay i.fa-thumbs-o-down:before{content:"\f165";font-family:FontAwesome;} .lpu-ry__bos{background:#FFF;border:1px solid #EBEBEB;border-radius:8px;padding:40px 20px;text-align:center;font-size:14px;color:#888;} @media (max-width:980px){.lpu-ry__gov{display:block;}.lpu-ry__sol{width:100%;margin:0 0 16px;position:static;}} /* --- arama kutusu + özel sıralama menüsü (v4) --- */ .lpu-ry .lpu-ry__cip span,.lpu-ry .lpu-ry__cip button{border-radius:3px;font-size:12px;} .lpu-ry .lpu-ry__ozet2 b{font-size:20px;font-weight:500;color:#333;} .lpu-ry .lpu-ry__ozet2>span{font-size:13px;font-weight:400;color:#666;} .lpu-ry .lpu-ara{position:relative;flex:1 1 auto;min-width:0;} .lpu-ry .lpu-ara__i{position:absolute;right:13px;left:auto;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#F46924;pointer-events:none;z-index:2;} .lpu-ry .lpu-ry__sy i:last-child{margin-right:0;} .lpu-ry .lpu-sd{position:relative;display:inline-block;min-width:168px;} .lpu-ry .lpu-sd__b{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:0 12px;box-sizing:border-box;background:#FFF;border:1px solid #E8E5E0;border-radius:3px;font-size:13px;font-weight:400;color:#3D3D3D;cursor:pointer;transition:border-color .15s;} .lpu-ry .lpu-sd__b:hover{border-color:#D8D4CE;} .lpu-ry .lpu-sd.acik .lpu-sd__b{border-color:#F46924;color:#F46924;} .lpu-ry .lpu-sd__i{font-style:normal;font-size:13px;margin-left:10px;color:#9A9A9A;line-height:1;} .lpu-ry .lpu-sd.acik .lpu-sd__i{color:#F46924;} .lpu-ry .lpu-sd__l{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;display:none;padding:4px;background:#FFF;border:1px solid #EDEAE6;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.08);} .lpu-ry .lpu-sd.acik .lpu-sd__l{display:block;} .lpu-ry .lpu-sd__o{display:block;width:100%;padding:9px 12px;box-sizing:border-box;background:transparent;border:0;border-radius:3px;text-align:left;cursor:pointer;font-size:13px;font-weight:400;color:#3D3D3D;transition:color .12s;} .lpu-ry .lpu-sd__o:hover{background:transparent;color:#F46924;} .lpu-ry .lpu-sd__o.on,.lpu-ry .lpu-sd__o.on:hover{background:#FDF1E8;color:#F46924;font-weight:500;} /*===== 14 · ÜRÜN KARTI (Paulmark düzeni) — site geneli =====*/ body .productItem{position:relative;} body .productItem .productImage{position:relative;background:#F3F1F0;} body .productItem .productImage img{width:100%;height:auto;display:block;} /* oran 2:3 sabit — owl-lazy yer tutucusu kare geldiği için mobilde kart kare kalıyordu */ @supports (aspect-ratio:2 / 3){ body .productItem .productImage img{aspect-ratio:2 / 3;height:100%;object-fit:cover;} } /* owl noktaları → görselin alt kenarının 6px üstünde ince segmentler, dolu olan turuncu */ body .productItem .productImage .owl-dots{position:absolute;left:8px;right:8px;top:auto;bottom:6px; width:auto;height:3px;margin:0;padding:0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify;z-index:3;} body .productItem .productImage .owl-dots .owl-dot{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0; width:auto;height:3px;min-width:0; margin:0 2px 0 0;padding:0;background:rgba(255,255,255,.5);border:0;border-radius:2px;} body .productItem .productImage .owl-dots .owl-dot:last-child{margin-right:0;} body .productItem .productImage .owl-dots .owl-dot.active{background:#F46924;} body .productItem .productImage .owl-dots .owl-dot span{display:none;} /* etiketler + sepete ekle kaldırıldı (indirim oranı fiyat satırında) */ body .productItem .productIconEx, body .productItem .productIconExButtons, body .productItem .mycartIcon, body .productItem .btnAddToCart, body .productItem .urunListeSpanSepeteEkle, body .productItem .urunListeAdet{display:none;} /* favori: görselin sağ üstünde ince kalp — temanın kendi ikonu (a:after) korunur */ body .productItem .favori{position:absolute;top:14px;right:11px;left:auto;bottom:auto; width:30px;height:30px;z-index:3; opacity:1;visibility:visible;display:block; -webkit-box-shadow:none;box-shadow:none; -webkit-transition:none;transition:none;} body div.productItem div.favori a.favoriteslist{ display:block;position:relative;box-sizing:border-box; width:30px;height:30px;padding:0;margin:0; line-height:0;font-size:0;text-align:center;text-indent:0;overflow:hidden; border-radius:50%;border:0; background:rgba(255,255,255,.95);color:#242424; visibility:visible;opacity:1; -webkit-box-shadow:none;box-shadow:none; -webkit-transition:color .15s ease;transition:color .15s ease;} body div.productItem div.favori a.favoriteslist i, body div.productItem div.favori a.favoriteslist svg, body div.productItem div.favori a.favoriteslist span{display:none;} /* ikon a:after'da; content'e DOKUNMA — sadece konum/ebat/renk */ body div.productItem div.favori a.favoriteslist:before, body div.productItem div.favori a.favoriteslist:after{ display:block;position:absolute;left:0;right:0;top:0;bottom:auto; width:auto;height:30px;margin:0;padding:0; font-family:FontAwesome;font-size:13px;font-weight:400;font-style:normal;line-height:30px;text-align:center; color:#242424;-webkit-transition:color .15s;transition:color .15s;} body div.productItem div.favori a.favoriteslist.listfavoriPasif:after{color:#242424;} body div.productItem div.favori a.favoriteslist:hover, body div.productItem div.favori a.favoriteslist:focus{background:#FFF;color:#F46924;} body div.productItem div.favori a.favoriteslist:hover:before, body div.productItem div.favori a.favoriteslist:hover:after, body div.productItem div.favori a.favoriteslist.listfavoriPasif:hover:after{color:#F46924;} /* FAVORİDE: kalp La Pablo turuncusu. Durumu tema yazıyor — urunfavoriKontrol(): favorideyse .listfavoriAktif + data-action="0", değilse .listfavoriPasif + data-action="1". İkisi de aynı kaynaktan geldiği için birlikte kullanılıyor; sayfa yenilendiğinde de tema aynı durumu bastığı için renk doğru gelir. Özgüllük yukarıdaki taban kuralla (0,3,4) aynı hizada tutuldu. */ body div.productItem div.favori a.favoriteslist.listfavoriAktif:after, body div.productItem div.favori a.favoriteslist[data-action="0"]:after{color:#F46924;} /* alt bilgi */ body .productItem .productDetail{padding:10px 0 0;margin:0;} body .productItem .productMarka{display:none;} body .productItem .productName{margin:0 0 5px;} body .productItem .productName a{display:block;font-size:14px;font-weight:400;line-height:17.5px; color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} body .productItem .productName a:hover{color:#F46924;} /* fiyat satırı: 1) indirimli (büyük) 2) üstü çizili 3) altta indirim rozeti */ body .productItem .productPrice{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline; -ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 8px;margin:0;padding:0;min-height:18px;} body .productItem .productPrice .discountKdv, body .productItem .productPrice .regularKdv, body .productItem .productPrice .kdvSpan, body .productItem .productPrice .spanKdv{display:none;} body .productItem .productPrice .discountPrice{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0;float:none;} body .productItem .productPrice .discountPrice span, body .productItem .productPrice .discountPrice .discountPriceSpan{font-size:15px;font-weight:600;color:#242424;line-height:1;} body .productItem .productPrice .regularPrice{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin:0;float:none;} body .productItem .productPrice .regularPrice span, body .productItem .productPrice .regularPrice .regularPriceSpan{font-size:12px;font-weight:400;color:#9A9A9A; text-decoration:line-through;line-height:1;} /* "BUGÜNE ÖZEL %N İNDİRİMLİ" rozeti — ürün detaydaki ile aynı */ body .productItem .productPrice .lpu-kind{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3; -ms-flex:0 0 100%;flex:0 0 100%; display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; width:auto;height:22px;margin:5px 0 0;padding:0 8px;border-radius:3px; font-size:10.5px;font-weight:600;color:#C81016;letter-spacing:.3px;text-transform:uppercase;line-height:1; background-image:linear-gradient(90deg,rgba(200,16,22,.16) 0%,rgba(200,16,22,.06) 55%,rgba(200,16,22,0) 100%);} /*===== 15 · BLOK BAŞLIKLARI (Benzer Ürünler vb.) küçültüldü =====*/ body .productDetailContainer #BenzerUrunDiv .JKatAdi, body #divBenzerUrun .JKatAdi{padding:36px 0 16px;} body #divBenzerUrun .JKatAdi .satir1{font-size:18px;font-weight:600;line-height:24px; color:#333;text-transform:none;letter-spacing:0;} /*===== 16 · KART İÇİ RENK PANELİ (lpuRP) — popup yerine kartın içinde açılır =====*/ body .productItem .productImage{overflow:visible;} .lpu-rp{position:absolute;left:0;right:0;bottom:0;z-index:6; box-sizing:border-box;padding:10px 10px 12px;background:#FFF; border-radius:8px 8px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.12); -webkit-transform:translateY(8px);transform:translateY(8px);opacity:0; visibility:hidden;pointer-events:none; -webkit-transition:opacity .18s ease,-webkit-transform .18s ease; transition:opacity .18s ease,transform .18s ease;} .lpu-rp.acik{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;} .lpu-rp__h{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; margin:0 0 8px;font-size:12px;font-weight:600;line-height:16px;color:#242424;} body .productItem .productImage .lpu-rp .lpu-rp__t{margin-left:auto;} .lpu-rp__t{margin-left:auto;font-size:11px;font-weight:500;color:#6B6B6B;text-decoration:none;white-space:nowrap;} .lpu-rp__t:after{content:"\f105";font-family:FontAwesome;margin-left:5px;font-size:12px;} .lpu-rp__t:hover{color:#F46924;} /* tema, .productImage içindeki TÜM 'lara 150% padding-bottom en-boy hilesi uyguluyor — panel linkleri devleşiyordu; sıfırla */ body .productItem .productImage .lpu-rp a{ padding:0;margin:0;height:auto;min-height:0; position:relative;} body .productItem .productImage .lpu-rp .lpu-rp__h{height:auto;} /* kutular yine 2:3 kalsın */ body .productItem .productImage .lpu-rp a.lpu-rp__i{padding-top:149.761%;} @supports (aspect-ratio:2 / 3){ body .productItem .productImage .lpu-rp a.lpu-rp__i{padding-top:0;aspect-ratio:2 / 3;} } .lpu-rp__l{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;} .lpu-rp__i{display:block;position:relative;overflow:hidden;border-radius:4px; border:1px solid #E9E9E9;line-height:0; background-color:#F3F1F0;background-repeat:no-repeat;background-position:50% 25%;background-size:cover; padding-top:149.761%;} @supports (aspect-ratio:2 / 3){ .lpu-rp__i{padding-top:0;aspect-ratio:2 / 3;} } .lpu-rp__i:hover{border-color:#F46924;} /* tetikleyici rozet: sağ alt köşede, panel açıkken görünmesin */ body .productItem .relatedProductsColor{cursor:pointer; left:auto;right:20px; -webkit-transition:opacity .15s ease;transition:opacity .15s ease;} body .productItem.lpu-rpon .relatedProductsColor{opacity:0;visibility:hidden;pointer-events:none;} /* panel açıkken görselin altındaki noktalar da kapansın */ body .productItem.lpu-rpon .productImage .owl-dots{opacity:0;} /*===== 17 · BENZER ÜRÜNLER — ACİL DURUM: owl kurulumu yarıda kalırsa =====*/ /* owl'un kendi CSS'i .owl-carousel{display:none} / .owl-loaded{display:block} olduğu için kurulum tamamlanmazsa liste tamamen kayboluyordu. Bekçi bu sınıfı ekleyip görünür kılar. */ body ul.ulUrunSlider.lpu-bsl-duz{display:block;visibility:visible;opacity:1; width:100%;margin:0;padding:0;list-style:none;overflow:visible;} body ul.ulUrunSlider.lpu-bsl-duz > .owl-stage-outer{overflow:visible;height:auto;} body ul.ulUrunSlider.lpu-bsl-duz .owl-stage, body ul.ulUrunSlider.lpu-bsl-duz.lpu-bsl-liste{display:grid; grid-template-columns:repeat(6,minmax(0,1fr));gap:12px; width:100%;padding:0; -webkit-transform:none;transform:none;} body ul.ulUrunSlider.lpu-bsl-duz .owl-item, body ul.ulUrunSlider.lpu-bsl-duz > li{width:auto;min-width:0;float:none;margin:0;} body ul.ulUrunSlider.lpu-bsl-duz > .owl-nav, body ul.ulUrunSlider.lpu-bsl-duz > .owl-dots{display:none;} @media (max-width:1499px){body ul.ulUrunSlider.lpu-bsl-duz .owl-stage,body ul.ulUrunSlider.lpu-bsl-duz.lpu-bsl-liste{grid-template-columns:repeat(5,minmax(0,1fr));}} @media (max-width:1159px){body ul.ulUrunSlider.lpu-bsl-duz .owl-stage,body ul.ulUrunSlider.lpu-bsl-duz.lpu-bsl-liste{grid-template-columns:repeat(4,minmax(0,1fr));}} @media (max-width:1024px){body ul.ulUrunSlider.lpu-bsl-duz .owl-stage,body ul.ulUrunSlider.lpu-bsl-duz.lpu-bsl-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}} @media (max-width:767px){body ul.ulUrunSlider.lpu-bsl-duz .owl-stage,body ul.ulUrunSlider.lpu-bsl-duz.lpu-bsl-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}} @media (max-width:560px){ .lpu-rp{padding:8px 8px 10px;} .lpu-rp__h{font-size:11px;margin-bottom:6px;} .lpu-rp__t{font-size:10px;} .lpu-rp__l{gap:4px;} } /*===== 18 · YORUM YAZMA + KRİTER/AYDINLATMA POPUPLARI (lpuYY) =====*/ /* Ticimax pencereyi kendi tasarımıyla basıp gösteriyor; JS .lpu-yy ekleyene kadar gizli dursun ki eski tasarım bir an bile görünmesin (JS 2,5 sn sonra sınıfı zorla ekliyor, pencere asla gizli kalmaz). */ body div#yorumYaz.ticimaxModal:not(.lpu-yy) .modal-content{visibility:hidden;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-content{max-width:100%;width:520px;border-radius:3px;padding:0;max-height:82vh;overflow:hidden;scrollbar-width:thin;box-shadow:0 12px 40px rgba(0,0,0,.16);display:flex;flex-direction:column;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-content::-webkit-scrollbar{width:4px;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-content::-webkit-scrollbar-thumb{background:#DCDCDC;border-radius:2px;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-content-html{padding:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;} body div#yorumYaz.ticimaxModal.lpu-yy .divYorumYaz{padding:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border:0;} body div#yorumYaz.ticimaxModal.lpu-yy .YorumContIcerik{padding:16px 24px 4px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;} body div#yorumYaz.ticimaxModal.lpu-yy .divYorumHeader{margin:0;padding:20px 52px 14px 24px;border-bottom:1px solid #EDEAE6;font-size:16px;font-weight:500;color:#252525;letter-spacing:.2px;text-align:left;flex:0 0 auto;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close{position:absolute;top:16px;right:20px;z-index:5;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0;color:#8A8A8A;background:transparent;border:0;border-radius:3px;box-shadow:none;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close:before{content:"\2715";font-size:16px;line-height:1;color:#6B6B6B;font-family:'Source Sans 3',sans-serif;font-weight:600;-webkit-text-stroke:.7px currentColor;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close:after{content:none;display:none;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close:hover{color:#F46924;border-color:#F7DCC8;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumContentTop{display:flex;align-items:stretch;gap:14px;padding:4px;margin:0 0 20px;background:#FAFAFA;border:1px solid #F0F0F0;border-radius:3px;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumContentLeft{flex:0 0 auto;width:auto;max-width:none;padding:0;margin:0;align-self:center;display:flex;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumUrunImg,body div#yorumYaz.ticimaxModal.lpu-yy .divYorumProductImage{width:auto;padding:0;margin:0;height:auto;display:flex;} body div#yorumYaz.ticimaxModal.lpu-yy .divYorumProductImage img{width:auto;height:112px;object-fit:contain;border-radius:2px;display:block;max-width:none;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumContentRight{flex:1 1 auto;min-width:0;padding:10px 12px 10px 0;margin:0;width:auto;display:flex;flex-direction:column;justify-content:center;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumUrunAdDesc,body div#yorumYaz.ticimaxModal.lpu-yy .divYorumProductName{margin:0;padding:0;} body div#yorumYaz.ticimaxModal.lpu-yy .labelYorumProductName{font-size:15px;font-weight:500;color:#252525;line-height:21px;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumLabel,body div#yorumYaz.ticimaxModal.lpu-yy .yorumDescriptionLabel{font-size:13px;font-weight:500;color:#252525;letter-spacing:0;text-transform:none;margin:0 0 9px;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumBaslik{margin:0;padding:0;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumContentBottom>div{margin:0 0 20px;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumContentBottom>.yorumBtn{margin:0;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-pu{text-align:center;padding:18px 0;margin:0 0 20px;border-top:1px solid #EDEAE6;border-bottom:1px solid #EDEAE6;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-pu .yorumLabel{font-size:14px;font-weight:400;color:#3D3D3D;margin:0 0 16px;letter-spacing:.3px;text-align:center;width:auto;float:none;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars{display:flex;justify-content:center;gap:24px;margin:0;padding:0;list-style:none;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars li{float:none;margin:0;padding:0;width:auto;transition:transform .18s cubic-bezier(.34,1.56,.64,1);transform-origin:50% 55%;cursor:pointer;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars li svg{width:34px;height:34px;display:block;transition:filter .18s ease;filter:none;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-basSatir{display:flex;align-items:baseline;justify-content:space-between;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-kri{font-size:12px;color:#8A8A8A;text-decoration:none;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-kri:hover{color:#F46924;text-decoration:underline;} body div#yorumYaz.ticimaxModal.lpu-yy .textbox,body div#yorumYaz.ticimaxModal.lpu-yy .textbox{width:100%;box-sizing:border-box;padding:0 12px;height:38px;background:#FFF;border:1px solid #E8E5E0;border-radius:3px;font-size:13px;color:#3D3D3D;box-shadow:none;outline:none;transition:border-color .15s;} body div#yorumYaz.ticimaxModal.lpu-yy .textbox{height:110px;padding:14px 16px;line-height:19px;resize:none;} body div#yorumYaz.ticimaxModal.lpu-yy .textbox:focus,body div#yorumYaz.ticimaxModal.lpu-yy .textbox:focus{border-color:#F46924;} body div#yorumYaz.ticimaxModal.lpu-yy .textbox::placeholder,body div#yorumYaz.ticimaxModal.lpu-yy .textbox::placeholder{color:#B5B5B5;font-size:13px;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumSecenekler{display:flex;flex-wrap:wrap;gap:10px 18px;} body div#yorumYaz.ticimaxModal.lpu-yy .formCol2,body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYasSatir{display:flex;align-items:center;gap:7px;width:auto;float:none;margin:0;} body div#yorumYaz.ticimaxModal.lpu-yy .formCol2 label,body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYasSatir label,body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck label{font-size:13px;font-weight:400;color:#3D3D3D;margin:0;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusetiAd{background:transparent;padding:0;margin:0 0 12px;display:none;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck{margin:0 0 8px;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck a{color:#F46924;text-decoration:underline;cursor:pointer;} body div#yorumYaz.ticimaxModal.lpu-yy #btnYorumKaydet{width:100%;height:44px;margin:0;border:0;border-radius:3px;background:#F46924;color:#FFF;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;} body div#yorumYaz.ticimaxModal.lpu-yy #btnYorumKaydet:hover{background:#DE5A17;} /* şartlar tamamlanana kadar gönder butonu gri ve tıklanamaz */ body div#yorumYaz.ticimaxModal.lpu-yy #btnYorumKaydet.lpu-pasif, body div#saticiyaSoruSor.ticimaxModal.lpu-ss #btnSaticiyaSorKaydet.lpu-pasif{background:#999;color:#FFF;cursor:default;pointer-events:none;} body div#yorumYaz.ticimaxModal.lpu-yy .YorumContIcerik::-webkit-scrollbar{width:5px;} body div#yorumYaz.ticimaxModal.lpu-yy .YorumContIcerik::-webkit-scrollbar-thumb{background:#DCDCDC;border-radius:3px;} body div#yorumYaz.ticimaxModal.lpu-yy .YorumContIcerik::-webkit-scrollbar-track{background:transparent;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumBtn{border:0;position:static;bottom:0;background:#FFF;padding:14px 24px 20px;margin:0;z-index:3;flex:0 0 auto;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h1{transform:none;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h2{transform:scale(1.26);} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h1 svg,body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h2 svg{transform:none;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h2 svg{filter:drop-shadow(0 2px 5px rgba(244,105,36,.3));} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars li .empty{display:none;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars li .full{display:block;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars li .full path{fill:#DFDFDF;transition:fill .15s ease;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars[data-rating="1"] li:nth-child(-n+1) .full path,body div#yorumYaz.ticimaxModal.lpu-yy .commentStars[data-rating="2"] li:nth-child(-n+2) .full path,body div#yorumYaz.ticimaxModal.lpu-yy .commentStars[data-rating="3"] li:nth-child(-n+3) .full path,body div#yorumYaz.ticimaxModal.lpu-yy .commentStars[data-rating="4"] li:nth-child(-n+4) .full path,body div#yorumYaz.ticimaxModal.lpu-yy .commentStars[data-rating="5"] li:nth-child(-n+5) .full path{fill:#FFC000;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h1 .full path,body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h2 .full path{fill:#FFC000;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars:hover li:not(.lpu-h1):not(.lpu-h2) .full path{fill:#DFDFDF;} body div#yorumYaz.ticimaxModal.lpu-yy .commentStars .lpu-h1 svg{filter:none;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close:hover:before{color:#F46924;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #ECE9E4;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv>*,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .yorumLabel,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2{float:none;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .yorumBaslik{margin:0;width:auto;flex:0 1 auto;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .yorumLabel{margin:0;width:auto;white-space:nowrap;font-size:13px;font-weight:400;color:#5A5A5A;text-transform:none;letter-spacing:0;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .yorumSecenekler{display:flex;width:auto;flex:0 0 auto;gap:8px;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2{display:block;position:relative;margin:0;width:auto;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2 input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2 label{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;box-sizing:border-box;cursor:pointer;background:#FFF;border:1px solid #E4E1DC;border-radius:3px;font-size:13px;font-weight:400;color:#3D3D3D;margin:0;transition:border-color .15s,background-color .15s,color .15s;min-width:92px;justify-content:center;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2.customLabel:before,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2.customLabel:after,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv label:before,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv label:after{content:none;display:none;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2 label:hover{border-color:#D8D4CE;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2 input:checked + label{border-color:#F46924;background:#FEF3EC;color:#F46924;font-weight:400;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv label .lpu-ti{width:16px;height:16px;flex:0 0 16px;display:block;color:#B0B0B0;transition:color .15s;} body div#yorumYaz.ticimaxModal.lpu-yy #rdTavsiye1:checked + label .lpu-ti,body div#yorumYaz.ticimaxModal.lpu-yy #rdTavsiye2:checked + label .lpu-ti{color:#F46924;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-pu .yorumBaslik{float:none;width:auto;text-align:center;} /* çipler ve yaş kutuları dar ekranda alta sarsın */ body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumFormOneri, body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumFormRating, body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas{-ms-flex-wrap:wrap;flex-wrap:wrap;} .lpu-kri-icerik{display:none;} .lpu-kri-w{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);padding:24px;box-sizing:border-box;} .lpu-kri-w.acik{display:flex;} .lpu-kri-p{display:flex;flex-direction:column;width:520px;max-width:100%;max-height:82vh;background:#FFF;border-radius:3px;box-shadow:0 12px 40px rgba(0,0,0,.16);overflow:hidden;} .lpu-kri-h{display:flex;align-items:center;justify-content:space-between;padding:20px 52px 14px 24px;border-bottom:1px solid #EDEAE6;position:relative;} .lpu-kri-t{font-family:'Source Sans 3',sans-serif;font-size:16px;font-weight:500;color:#252525;letter-spacing:.2px;} .lpu-kri-x{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:#6B6B6B;-webkit-text-stroke:.7px currentColor;} .lpu-kri-x:before{content:"\2715";} .lpu-kri-x:hover{color:#F46924;} .lpu-kri-b{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px 24px 4px;scrollbar-width:thin;} .lpu-kri-b::-webkit-scrollbar{width:5px;} .lpu-kri-b::-webkit-scrollbar-thumb{background:#DCDCDC;border-radius:3px;} .lpu-kri-b p{font-family:'Source Sans 3',sans-serif;font-size:13px;line-height:20px;color:#4A4A4A;margin:0 0 12px;} .lpu-kri-b ul{margin:0 0 14px;padding:0;list-style:none;} .lpu-kri-b li{position:relative;font-family:'Source Sans 3',sans-serif;font-size:13px;line-height:20px;color:#4A4A4A;margin:0 0 6px;padding:0 0 0 14px;} .lpu-kri-b li:before{content:"";position:absolute;left:2px;top:9px;width:4px;height:4px;border-radius:50%;background:#F46924;} .lpu-kri-f{flex:0 0 auto;padding:14px 24px 20px;background:#FFF;} .lpu-kri-geri{width:100%;height:44px;border:0;border-radius:3px;cursor:pointer;background:#F46924;color:#FFF;font-family:'Source Sans 3',sans-serif;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;} .lpu-kri-geri:hover{background:#DE5A17;} body div#yorumYaz.ticimaxModal.lpu-yy{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;padding:24px;box-sizing:border-box;overflow:hidden;} body div#yorumYaz.ticimaxModal.lpu-yy.lpu-gizli{display:none;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-content,.lpu-kri-p{width:520px;max-width:100%;height:82vh;max-height:700px;min-height:0;position:relative;top:auto;left:auto;transform:none;margin:0;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-say{margin:6px 0 0;text-align:right;font-size:12px;color:#9A9A9A;letter-spacing:.2px;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .yorumSecenekler{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir{display:block;position:relative;width:auto;float:none;margin:0;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir.customLabel:before,body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir.customLabel:after,body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir label:before,body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir label:after{content:none;display:none;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir label{display:inline-flex;align-items:center;justify-content:center;gap:0;width:100%;height:36px;padding:0 6px;white-space:nowrap;box-sizing:border-box;cursor:pointer;margin:0;background:#FFF;border:1px solid #E4E1DC;border-radius:3px;font-size:13px;font-weight:400;color:#3D3D3D;transition:border-color .15s,background-color .15s,color .15s;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir label:hover{border-color:#D8D4CE;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir input:checked + label{border-color:#F46924;background:#FEF3EC;color:#F46924;} body div#yorumYaz.ticimaxModal.lpu-yy .lpu-not{margin:10px 0 0;font-size:12px;line-height:17px;color:#9A9A9A;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir label,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2 label{background:rgb(250,250,250);} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .detayYorumYasSatir input:checked + label,body div#yorumYaz.ticimaxModal.lpu-yy .lpu-tv .formCol2 input:checked + label{background:#FEF3EC;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .yorumBaslik{display:flex;align-items:baseline;justify-content:space-between;gap:12px;} body div#yorumYaz.ticimaxModal.lpu-yy .detayYorumYas .yorumBaslik .lpu-not{margin:0;flex:0 0 auto;text-align:right;font-size:12px;color:#9A9A9A;letter-spacing:.4px;white-space:nowrap;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck .customLabel:before,body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck .customLabel:after,body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck label:before,body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck label:after{content:none;display:none;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck .customLabel{position:relative;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:0;padding:0;font-size:13px;line-height:19px;color:#333;font-weight:400;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck .lpu-cbt{flex:1 1 auto;min-width:0;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck .lpu-cb{flex:0 0 18px;width:18px;height:18px;margin-top:1px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#FFF;border:1px solid #D8D4CE;border-radius:3px;transition:background-color .15s,border-color .15s;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck .lpu-cb svg{width:12px;height:12px;opacity:0;transition:opacity .12s;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck input:checked + label .lpu-cb{background:#F46924;border-color:#F46924;} body div#yorumYaz.ticimaxModal.lpu-yy .yorumMusteriAdCheck input:checked + label .lpu-cb svg{opacity:1;} .lpu-kri-b .lpu-kvkk,.lpu-kri-b .lpu-kvkk *{font-family:'Source Sans 3',sans-serif;font-size:13px;line-height:20px;color:#4A4A4A;} .lpu-kri-b .lpu-kvkk h1,.lpu-kri-b .lpu-kvkk h2,.lpu-kri-b .lpu-kvkk h3,.lpu-kri-b .lpu-kvkk strong,.lpu-kri-b .lpu-kvkk b{font-size:13px;font-weight:600;color:#252525;} .lpu-kri-b .lpu-kvkk p{margin:0 0 12px;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close,.lpu-kri-x{position:absolute;top:18px;right:20px;width:24px;height:24px;padding:0;margin:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;font-size:0;line-height:1;color:#6B6B6B;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close:before,.lpu-kri-x:before{content:"\2715";font-family:'Source Sans 3',sans-serif;font-size:16px;line-height:1;font-weight:400;-webkit-text-stroke:.7px currentColor;color:inherit;} body div#yorumYaz.ticimaxModal.lpu-yy .modal-close:hover,.lpu-kri-x:hover{color:#F46924;} /*===== 19 · ÜRÜN SORU VE CEVAPLARI (lpuSq) — yorum bölümüyle aynı ölçüler =====*/ .lpu-sq{width:100%;clear:both;margin:40px 0 0;font-family:inherit;} .lpu-sq__h{margin:0 0 12px;font-size:16px;font-weight:500;line-height:22px;color:#252525;letter-spacing:.2px;} .lpu-sq__sar{position:relative;} .lpu-sq__liste{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;padding:0;margin:0 0 24px;-ms-overflow-style:none;scrollbar-width:none;} .lpu-sq__liste::-webkit-scrollbar{width:0;height:0;display:none;} .lpu-sq__k{-webkit-box-flex:0;-ms-flex:0 0 530px;flex:0 0 530px;box-sizing:border-box;margin-right:8px;padding:16px 18px;background:#FFF;border:1px solid #EDEAE6;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .lpu-sq__s{margin:0;font-size:14.5px;font-weight:500;line-height:19px;color:#252525;} .lpu-sq__meta{margin:7px 0 0;font-size:12px;line-height:15px;color:#AFAFAF;} .lpu-sq__c{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:12px 0 0;padding:14px;background:#F5F5F5;border-radius:3px;} .lpu-sq__cb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .lpu-sq__lg{-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;} .lpu-sq__lg svg{width:22px;height:auto;} .lpu-sq__cad{font-size:13.5px;line-height:16px;color:#3D3D3D;} .lpu-sq__cad b{font-weight:500;color:#242424;} .lpu-sq__csure{display:block;margin:2px 0 0;font-size:11.5px;line-height:14px;color:#AFAFAF;} .lpu-sq__ct{margin:12px 0 0;font-size:14px;line-height:19px;color:#3D3D3D;} /*===== 20 · ÜRÜN BİLGİLERİ (lpuAc) + ÜRÜN ÖZELLİKLERİ (lpuOz2) — Trendyol düzeni Başlık kutunun dışında; kutunun içinde açıklama + ek bilgiler + özellikler. Özellik satırları temanın kendi .teknikDetay markupından gelir, JS kurmaz. =====*/ .lpu-ac__bas{clear:both;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:46px 0 12px;} .lpu-ac__bas h3{margin:0;font-size:16px;font-weight:500;line-height:22px;color:#252525;} .lpu-ac{clear:both;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px;border:1px solid #EDEAE6;border-radius:8px;} .lpu-ac__govde{position:relative;overflow:hidden;display:grid;grid-template-columns:168px minmax(0,1fr) minmax(0,420px);gap:0 28px;-ms-flex-align:start;align-items:start;} .lpu-ac.kapali .lpu-ac__govde{max-height:252px;} .lpu-ac.kapali .lpu-ac__govde:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.85));background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.85));} .lpu-ac__gor{width:168px;height:252px;border-radius:6px;background:#F3F1F0 no-repeat center/cover;} .lpu-ac__alan h4,.lpu-ac__ek h4{margin:0 0 10px;font-size:13.5px;font-weight:500;color:#242424;} .lpu-ac__m{position:relative;} .lpu-ac__m p{margin:0 0 10px;font-size:14px;line-height:20px;color:#3D3D3D;} .lpu-ac__m p strong,.lpu-ac__m .lpu-ac__ilk{font-weight:500;color:#242424;} .lpu-ac__ol{margin:14px 0 0;padding:0;list-style:none;} .lpu-ac__ol li{padding:0 0 8px;font-size:13.5px;line-height:19px;color:#3D3D3D;} .lpu-ac__ol li b{font-weight:500;color:#242424;} .lpu-ac__ek ul{margin:0;padding:0;list-style:none;} .lpu-ac__ek li{position:relative;margin:0 0 9px;padding:0 0 0 14px;font-size:13.5px;line-height:19px;color:#3D3D3D;} .lpu-ac__ek li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:#F46924;} .lpu-ac__ek b{font-weight:500;color:#242424;} .lpu-ac > .lpu-rv__moreW{margin:8px 0 22px;} /* özellikler aynı kutunun içinde */ .lpu-oz2{width:100%;clear:both;} .lpu-oz2__bas{padding:4px 0 14px;} .lpu-oz2__bas h3{margin:0;font-size:15px;font-weight:500;line-height:22px;color:#252525;} .lpu-oz2__sar{position:relative;overflow:hidden;} .lpu-oz2.kapali .lpu-oz2__sar{max-height:242px;} .lpu-oz2.kapali .lpu-oz2__sar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.85));background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.85));} .lpu-oz2 .teknikDetay{float:none;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0;margin:0;} .lpu-oz2 .teknikDetay .teknikDetayItem,.lpu-oz2 .teknikDetay .teknikDetayItem:nth-child(odd),.lpu-oz2 .teknikDetay .teknikDetayItem:nth-child(even){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;min-height:42px;padding:9px 14px;border:1px solid #F5F5F5;border-radius:3px;background:#F5F5F5;} .lpu-oz2 .teknikDetay .teknikDetayItem:after{content:none;} .lpu-oz2 .teknikDetay .teknikDetayItem .t1 span{font-weight:normal;} .lpu-oz2 .teknikDetay .teknikDetayItem .t2 span{font-weight:500;} .lpu-oz2 .teknikDetay .teknikDetayItem.ek-ozellik{display:none;} .lpu-oz2 .teknikDetay .teknikDetayItem .t1{float:none;width:auto;-ms-flex:0 1 auto;flex:0 1 auto;padding:0;font-size:13.5px;line-height:19px;font-weight:normal;color:#6E6E6E;} .lpu-oz2 .teknikDetay .teknikDetayItem .t2{float:none;width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:0;border-left:0;font-size:13.5px;line-height:19px;font-weight:500;color:#242424;text-align:right;} /* özel alanlar: materyal bileşeni + yıkama talimatları */ .lpu-oz2__ek{margin-top:22px;} .lpu-oz2__ekbas{margin:0 0 10px;font-size:13.5px;font-weight:500;color:#242424;} .lpu-oz2__ekkutu{padding:12px 14px;border-radius:3px;background:#F5F5F5;font-size:13.5px;line-height:19px;color:#3D3D3D;} .lpu-oz2 .lpu-rv__moreW{margin:24px 0 0;} /* panelden gelen sabit metin bloğu ve temanın özel alan kutuları görünmez */ .lpu-bl{display:none;} @media (max-width:1200px){ .lpu-ac__govde{grid-template-columns:120px minmax(0,1fr);} .lpu-ac__ek{grid-column:1 / -1;margin-top:18px;} .lpu-ac__gor{width:120px;height:180px;} .lpu-ac.kapali .lpu-ac__govde{max-height:300px;} } @media (max-width:900px){ .lpu-oz2 .teknikDetay{grid-template-columns:repeat(2,1fr);} } @media (max-width:767px){ .lpu-sq__k{-ms-flex:0 0 86%;flex:0 0 86%;} .lpu-ac__bas{padding:32px 0 10px;} .lpu-ac{padding:16px;} } @media (max-width:560px){ .lpu-ac__govde{grid-template-columns:1fr;} .lpu-ac__gor{width:100%;height:auto;aspect-ratio:2/3;} .lpu-oz2 .teknikDetay{grid-template-columns:1fr;} } /* /SaticiyaSor: tema kendi düzenini bir an gösterip sonra bizimkine geçmesin diye içerik baştan gizli; kurulum bitince html'e lpu-sy-hazir eklenip açılıyor. JS hiç çalışmazsa animasyon 2.5 sn sonra kendiliğinden görünür yapıyor. */ #disSaticiyaSorContent{visibility:hidden;-webkit-animation:lpuSyGoster 0s linear 2.5s forwards;animation:lpuSyGoster 0s linear 2.5s forwards;} html.lpu-sy-hazir #disSaticiyaSorContent{visibility:visible;-webkit-animation:none;animation:none;} @-webkit-keyframes lpuSyGoster{to{visibility:visible;}} @keyframes lpuSyGoster{to{visibility:visible;}} /*===== 21 · "ÜRÜN SORU VE CEVAPLARI" SAYFASI (/SaticiyaSor) — Trendyol düzeni Solda ürün + satıcı kutusu, sağda başlık + arama/sıralama + soru listesi. Yerleşimin tamamı CSS; JS yalnızca kutuları ve arama/sıralamayı kuruyor. =====*/ body:has(#disSaticiyaSorContent) #divIcerik{background:#F4F4F4;} #disSaticiyaSorContent{padding:0 0 60px;background:#F4F4F4;} #disSaticiyaSorContent h1{display:none;} #disSaticiyaSorContent .soruSorContentDiv{max-width:1200px;margin:0 auto;padding:0 20px;float:none;} /* sayfa başlığı satırı — gri zeminde, sayfayla birlikte kayar */ #disSaticiyaSorContent .lpu-sy__bar{position:-webkit-sticky;position:sticky;top:71px;z-index:6;margin:0;background:#F4F4F4;border:0;} #disSaticiyaSorContent .lpu-sy__bari{max-width:1200px;margin:0 auto;padding:16px 20px 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} #disSaticiyaSorContent .lpu-sy__bt{font-size:16px;font-weight:500;color:#252525;letter-spacing:.2px;} /* sağ · sayaç */ #disSaticiyaSorContent .lpu-sy__say{margin:0 0 12px;font-size:12px;color:#8A8A8A;} #disSaticiyaSorContent .lpu-sy__say b{color:#1A1A1A;font-weight:500;} #disSaticiyaSorContent .lpu-sy__nokta{height:1px;} /* sol · konu filtreleri + istatistik kutuları */ #disSaticiyaSorContent .lpu-sy__kutu{margin:12px 0 0;padding:14px 16px;background:#FFF;border:1px solid #EDEAE6;border-radius:3px;} #disSaticiyaSorContent .lpu-sy__kb{margin:0 0 12px;font-size:13px;font-weight:500;color:#3D3D3D;letter-spacing:.2px;} #disSaticiyaSorContent .lpu-sy__cips{font-size:0;} #disSaticiyaSorContent .lpu-sy__cip{display:inline-block;margin:0 6px 8px 0;padding:7px 11px;background:#FFF;border:1px solid #E6E6E6;border-radius:3px;font-family:inherit;font-size:12px;color:#444;cursor:pointer;} #disSaticiyaSorContent .lpu-sy__cip span{margin-left:4px;color:#9A9A9A;} #disSaticiyaSorContent .lpu-sy__cip:hover{border-color:#C9C9C9;} #disSaticiyaSorContent .lpu-sy__cip.on{background:#FFF4EE;border-color:#F46924;color:#F46924;} #disSaticiyaSorContent .lpu-sy__cip.on span{color:#F46924;} #disSaticiyaSorContent .lpu-sy__ist{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:7px 0;font-size:12.5px;color:#6E6E6E;} #disSaticiyaSorContent .lpu-sy__ist+.lpu-sy__ist{border-top:1px solid #F4F2EF;} #disSaticiyaSorContent .lpu-sy__ist b{font-weight:500;color:#252525;} #disSaticiyaSorContent .urunSorContent{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:auto;float:none;} #disSaticiyaSorContent .lpu-sy__sol{-ms-flex:0 0 340px;flex:0 0 340px;box-sizing:border-box;padding-right:20px;position:-webkit-sticky;position:sticky;top:132px;-ms-flex-item-align:start;align-self:flex-start;max-height:calc(100vh - 148px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;} #disSaticiyaSorContent .lpu-sy__sol::-webkit-scrollbar{width:0;height:0;display:none;} #disSaticiyaSorContent .lpu-sy__sag{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;box-sizing:border-box;} /* sol · ürün kartı */ #disSaticiyaSorContent .urunSorUrun{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;width:100%;height:auto;margin:0;padding:16px;float:none;background:#FFF;border:1px solid #EDEAE6;border-radius:3px;} #disSaticiyaSorContent .lpu-sy__geri{display:block;width:32px;height:32px;margin:0 12px 0 0;padding:0;border:1px solid #E0DDD8;border-radius:50%;background:#FFF;cursor:pointer;font-size:0;color:#333;} #disSaticiyaSorContent .lpu-sy__geri:hover{border-color:#F46924;color:#F46924;} #disSaticiyaSorContent .lpu-sy__geri:after{content:"";display:block;width:11px;height:11px;margin:0 auto;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9.29548%2011.9709L15.7864%2018.4618C16.3537%2019.0292%2016.3537%2019.949%2015.7864%2020.5164C15.219%2021.0837%2014.2992%2021.0837%2013.7319%2020.5164L6.21372%2012.9982C5.93002%2012.7146%205.78817%2012.3428%205.78817%2011.971C5.78817%2011.5992%205.93002%2011.2274%206.21366%2010.9437L13.7318%203.42551C14.2992%202.85816%2015.219%202.85816%2015.7864%203.42551C16.3537%203.99285%2016.3537%204.91269%2015.7864%205.48003L9.29548%2011.9709Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;} #disSaticiyaSorContent .urunSorimg{-ms-flex:0 0 96px;flex:0 0 96px;width:96px;height:auto;margin-left:0;float:none;} #disSaticiyaSorContent .urunSorimg img{width:96px;height:138px;object-fit:cover;border:1px solid #EFEFEF;border-radius:6px;} #disSaticiyaSorContent .urunSorDetail{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;width:auto;min-width:0;height:auto;padding-left:14px;float:none;} #disSaticiyaSorContent .urunSorName{width:auto;} #disSaticiyaSorContent .urunSorName span{font-size:14px;font-weight:500;line-height:19px;color:#252525;} #disSaticiyaSorContent .urnFiyat{width:auto;margin-top:10px;} #disSaticiyaSorContent .urnFiyat span{font-size:18px;font-weight:500;color:#252525;} #disSaticiyaSorContent .uGbtn{-ms-flex:0 0 100%;flex:0 0 100%;display:block;width:100%;margin-top:14px;float:none;} #disSaticiyaSorContent .uGbtn .btnG{width:100%;margin:0;} #disSaticiyaSorContent .uGbtn .btnS{display:none;} #disSaticiyaSorContent .uGbtn input{width:100%;height:38px;padding:0;border:0;border-radius:3px;background:#F46924;color:#FFF;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;} /* sol · satıcı kutusu */ #disSaticiyaSorContent .lpu-sy__satici{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;width:100%;margin:12px 0 0;padding:0;background:none;border:0;border-radius:0;} #disSaticiyaSorContent .lpu-sy__sbtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:42px;margin:0;padding:0 14px;box-sizing:border-box;border:1px solid #CFE0F7;border-radius:3px;background:#F1F6FD;color:#1F6FD0;font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;} #disSaticiyaSorContent .lpu-sy__sbtn:hover{background:#E7F0FC;border-color:#1F6FD0;} #disSaticiyaSorContent .lpu-sy__sbt{margin-left:auto;} #disSaticiyaSorContent .lpu-sy__sbi{-ms-flex:0 0 18px;flex:0 0 18px;width:18px;height:18px;margin-right:10px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12.6655%206.63753L13.5561%208.4516L15.553%208.73753C16.1624%208.8266%2016.4061%209.57191%2015.9655%2010.0032L14.5171%2011.4094L14.8639%2013.3969C14.9718%2014.0016%2014.3343%2014.4657%2013.7905%2014.1797L11.9999%2013.2328L10.214%2014.175C9.6702%2014.461%209.0327%2014.0016%209.14052%2013.3922L9.48739%2011.4047L8.03896%209.99847C7.59833%209.57191%207.84208%208.82191%208.45146%208.73285L10.4483%208.44691L11.3389%206.63285C11.6061%206.08441%2012.3936%206.08441%2012.6655%206.63753Z%27%2F%3E%3Cpath%20d%3D%27M6.32812%2022.8281C6.13125%2022.8281%205.93438%2022.7812%205.75625%2022.6781C5.38594%2022.4719%205.15625%2022.0781%205.15625%2021.6562V19.3125H3.51562C1.8375%2019.3125%200.46875%2017.9438%200.46875%2016.2656V4.21875C0.46875%202.54063%201.8375%201.17188%203.51562%201.17188H20.4844C22.1625%201.17188%2023.5312%202.54063%2023.5312%204.21875V16.2656C23.5312%2017.9438%2022.1625%2019.3125%2020.4844%2019.3125H12.3328L6.94687%2022.65C6.75469%2022.7672%206.54375%2022.8281%206.32812%2022.8281ZM3.51562%203.51562C3.12656%203.51562%202.8125%203.82969%202.8125%204.21875V16.2656C2.8125%2016.6547%203.12656%2016.9688%203.51562%2016.9688H6.32812C6.975%2016.9688%207.5%2017.4937%207.5%2018.1406V19.5516L11.3813%2017.1469C11.5688%2017.0297%2011.7797%2016.9688%2012%2016.9688H20.4844C20.8734%2016.9688%2021.1875%2016.6547%2021.1875%2016.2656V4.21875C21.1875%203.82969%2020.8734%203.51562%2020.4844%203.51562H3.51562Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12.6655%206.63753L13.5561%208.4516L15.553%208.73753C16.1624%208.8266%2016.4061%209.57191%2015.9655%2010.0032L14.5171%2011.4094L14.8639%2013.3969C14.9718%2014.0016%2014.3343%2014.4657%2013.7905%2014.1797L11.9999%2013.2328L10.214%2014.175C9.6702%2014.461%209.0327%2014.0016%209.14052%2013.3922L9.48739%2011.4047L8.03896%209.99847C7.59833%209.57191%207.84208%208.82191%208.45146%208.73285L10.4483%208.44691L11.3389%206.63285C11.6061%206.08441%2012.3936%206.08441%2012.6655%206.63753Z%27%2F%3E%3Cpath%20d%3D%27M6.32812%2022.8281C6.13125%2022.8281%205.93438%2022.7812%205.75625%2022.6781C5.38594%2022.4719%205.15625%2022.0781%205.15625%2021.6562V19.3125H3.51562C1.8375%2019.3125%200.46875%2017.9438%200.46875%2016.2656V4.21875C0.46875%202.54063%201.8375%201.17188%203.51562%201.17188H20.4844C22.1625%201.17188%2023.5312%202.54063%2023.5312%204.21875V16.2656C23.5312%2017.9438%2022.1625%2019.3125%2020.4844%2019.3125H12.3328L6.94687%2022.65C6.75469%2022.7672%206.54375%2022.8281%206.32812%2022.8281ZM3.51562%203.51562C3.12656%203.51562%202.8125%203.82969%202.8125%204.21875V16.2656C2.8125%2016.6547%203.12656%2016.9688%203.51562%2016.9688H6.32812C6.975%2016.9688%207.5%2017.4937%207.5%2018.1406V19.5516L11.3813%2017.1469C11.5688%2017.0297%2011.7797%2016.9688%2012%2016.9688H20.4844C20.8734%2016.9688%2021.1875%2016.6547%2021.1875%2016.2656V4.21875C21.1875%203.82969%2020.8734%203.51562%2020.4844%203.51562H3.51562Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;} /* sağ · başlık + arama/sıralama */ /* sağ üst blok da sabit: sadece sorular kayar */ #disSaticiyaSorContent .lpu-sy__kont{position:-webkit-sticky;position:sticky;top:132px;z-index:4;background:#F4F4F4;padding-bottom:4px;} #disSaticiyaSorContent .lpu-sy__ust{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin:0 0 12px;} #disSaticiyaSorContent .lpu-sy__ara{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;} #disSaticiyaSorContent .lpu-sy__arai{width:100%;height:38px;padding:0 42px 0 14px;box-sizing:border-box;border:1px solid #E8E5E0;border-radius:3px;background:#FFF;font-family:inherit;font-size:13px;color:#333;outline:none;} #disSaticiyaSorContent .lpu-sy__arai:focus{border-color:#F46924;} #disSaticiyaSorContent .lpu-sy__arai2{position:absolute;right:14px;top:50%;width:15px;height:15px;margin-top:-7px;background-color:#F46924;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M10%202a8%208%200%20105.3%2014l5.4%205.4%201.4-1.4-5.4-5.4A8%208%200%200010%202zm0%202a6%206%200%20110%2012%206%206%200%20010-12z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M10%202a8%208%200%20105.3%2014l5.4%205.4%201.4-1.4-5.4-5.4A8%208%200%200010%202zm0%202a6%206%200%20110%2012%206%206%200%20010-12z%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;} #disSaticiyaSorContent .lpu-sd{position:relative;-ms-flex:0 0 auto;flex:0 0 auto;min-width:180px;} #disSaticiyaSorContent .lpu-sd__b{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:38px;padding:0 14px;box-sizing:border-box;background:#FFF;border:1px solid #E8E5E0;border-radius:3px;font-family:inherit;font-size:13px;color:#3D3D3D;cursor:pointer;} #disSaticiyaSorContent .lpu-sd.acik .lpu-sd__b{border-color:#F46924;color:#F46924;} #disSaticiyaSorContent .lpu-sd__i{font-style:normal;margin-left:10px;color:#9A9A9A;} #disSaticiyaSorContent .lpu-sd__l{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;display:none;padding:4px;background:#FFF;border:1px solid #EDEAE6;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.08);} #disSaticiyaSorContent .lpu-sd.acik .lpu-sd__l{display:block;} #disSaticiyaSorContent .lpu-sd__o{display:block;width:100%;padding:9px 12px;box-sizing:border-box;border:0;border-radius:4px;background:transparent;text-align:left;font-family:inherit;font-size:13px;color:#3D3D3D;cursor:pointer;} #disSaticiyaSorContent .lpu-sd__o:hover{color:#F46924;} #disSaticiyaSorContent .lpu-sd__o.on{background:#FDF1E8;color:#F46924;} /* sağ · soru satırları (kart yok, düz liste) */ #disSaticiyaSorContent .urunSorDivList{width:auto;margin:0 0 12px;float:none;} #disSaticiyaSorContent .divListCont{width:auto;padding:16px;float:none;background:#FFF;border:1px solid #EDEAE6;border-radius:3px;} #disSaticiyaSorContent .divListSoru{width:auto;margin:0;padding:0;float:none;background:none;border:0;border-radius:0;} #disSaticiyaSorContent .divListSoru:before,#disSaticiyaSorContent .divListSoru:after{content:none;} #disSaticiyaSorContent .divListTitle{width:auto;margin:0;float:none;} #disSaticiyaSorContent .divListTitle .left_line,#disSaticiyaSorContent .divListTitle .center_line,#disSaticiyaSorContent .divListUye .center_line{display:none;} #disSaticiyaSorContent .divListSoru .divListTitle .right_line{display:block;width:auto;float:none;font-size:14px;font-weight:500;line-height:20px;color:#333;} #disSaticiyaSorContent .divListUye{width:auto;margin:8px 0 0;float:none;} #disSaticiyaSorContent .divListUye .left_line,#disSaticiyaSorContent .divListUye .right_line{display:inline;width:auto;float:none;font-size:12px;line-height:16px;color:#666;} #disSaticiyaSorContent .divListUye .left_line:after{content:" · ";} /* sağ · cevap kutusu */ #disSaticiyaSorContent .divListCevap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:auto;max-width:none;margin:12px 0 0;padding:14px;float:none;background:#F5F5F5;border:0;border-radius:3px;} #disSaticiyaSorContent .divListCevap:before,#disSaticiyaSorContent .divListCevap:after{content:none;} #disSaticiyaSorContent .lpu-sy__lg{-ms-flex:0 0 34px;flex:0 0 34px;width:34px;height:34px;margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#FFF;border-radius:50%;overflow:hidden;} #disSaticiyaSorContent .lpu-sy__lg svg{width:24px;height:auto;} #disSaticiyaSorContent .lpu-sy__kri{margin-left:auto;padding-left:16px;font-size:12px;color:#8A8A8A;text-decoration:none;cursor:pointer;white-space:nowrap;} #disSaticiyaSorContent .lpu-sy__kri:hover{color:#F46924;} #disSaticiyaSorContent .lpu-sy__cic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;} #disSaticiyaSorContent .lpu-sy__cbas{display:block;margin:0 0 6px;font-size:13px;line-height:17px;color:#666;} #disSaticiyaSorContent .lpu-sy__cbas b{font-weight:500;color:#252525;} #disSaticiyaSorContent .divListCevap .cevapTitle{width:auto;margin:0;float:none;} #disSaticiyaSorContent .divListCevap .cevapTitle .right_line{display:block;width:auto;float:none;font-size:14px;line-height:20px;color:#1C1C1C;} #disSaticiyaSorContent .cevapSure{width:auto;margin:6px 0 0;float:none;} #disSaticiyaSorContent .cevapSure span{font-size:12px;line-height:16px;color:#666;} @media (max-width:980px){ #disSaticiyaSorContent .urunSorContent{display:block;} #disSaticiyaSorContent .lpu-sy__sol{padding-right:0;} #disSaticiyaSorContent .lpu-sy__sag{margin-top:20px;} } /*===== 22 · SATICIYA SORU SOR PENCERESİ (lpuSs) — yorum penceresiyle aynı dil Ticimax pencereye satır içi width:80% + !important genişlik basıyor; ölçü JS'ten veriliyor (bkz. soruSorPenceresi). =====*/ body div#saticiyaSoruSor.ticimaxModal:not(.lpu-ss) .modal-content{visibility:hidden;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .modal-content{position:relative;max-width:100%;padding:0;border-radius:3px;overflow:hidden;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.16);box-shadow:0 12px 40px rgba(0,0,0,.16);} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .modal-close{position:absolute;top:14px;right:18px;z-index:5;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border:0;background:transparent;box-shadow:none;font-size:0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .modal-close:before{content:"\2715";font-family:'Source Sans 3',sans-serif;font-size:16px;font-weight:600;line-height:1;color:#6B6B6B;-webkit-text-stroke:.7px currentColor;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .modal-close:after{content:none;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .modal-close:hover:before{color:#F46924;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .modal-content-html{padding:0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .ebultenPopupSection{padding:0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .content-heading{margin:0;padding:20px 52px 14px 24px;border-bottom:1px solid #EDEAE6;text-align:left;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .content-heading h1{margin:0;font-size:16px;font-weight:500;line-height:22px;letter-spacing:.2px;color:#252525;text-align:left;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .content-body{padding:20px 24px 22px;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .input-text-area{width:auto;margin:0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .yorumAciklamaT{width:auto;margin:0 0 14px;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .yorumBaslik{margin:0;padding:0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .yorumDescriptionLabel{margin:0 0 9px;text-align:left;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .yorumDescriptionLabel b{font-size:13px;font-weight:500;letter-spacing:0;color:#252525;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .degerInput{width:auto;margin:0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .textbox{width:100%;box-sizing:border-box;height:110px;padding:14px 16px;border:1px solid #E8E5E0;border-radius:3px;background:#FFF;font-family:inherit;font-size:13px;line-height:19px;color:#3D3D3D;resize:none;outline:none;box-shadow:none;-webkit-transition:border-color .15s;transition:border-color .15s;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .textbox:focus{border-color:#F46924;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .textbox::-webkit-input-placeholder{color:#B5B5B5;font-size:13px;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .textbox::placeholder{color:#B5B5B5;font-size:13px;} /* temanın kendi küçük uyarı yazısı gizli kalsın */ body div#saticiyaSoruSor.ticimaxModal.lpu-ss #spnMin10Char{display:none;} /* uzun sözleşme metni alt satıra düşüp kutuyu yalnız bırakıyordu: etiket esneyip kendi içinde sarsın (flex-basis 0) */ body div#saticiyaSoruSor.ticimaxModal.lpu-ss .userSozlesmeDiv label{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;width:auto;min-width:0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .yorumMusteriAdCheck,body div#saticiyaSoruSor.ticimaxModal.lpu-ss .userSozlesmeDiv{width:auto;margin:0 0 10px;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .yorumMusteriAdCheck>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .userSozlesmeDiv{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss input[type=checkbox]{-ms-flex:0 0 15px;flex:0 0 15px;width:15px;height:15px;margin:1px 0 0;accent-color:#F46924;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss label{margin:0;font-size:13px;font-weight:400;line-height:18px;color:#3D3D3D;cursor:pointer;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss label a{color:#F46924;font-weight:400;text-decoration:underline;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss .send-button{width:auto;margin:16px 0 0;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss #btnSaticiyaSorKaydet{width:100%;height:44px;margin:0;padding:0;border:0;border-radius:3px;background:#F46924;color:#FFF;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;} body div#saticiyaSoruSor.ticimaxModal.lpu-ss #btnSaticiyaSorKaydet:hover{background:#DE5A17;} /* öneri kartlarında özel alan rozetleri (Materyal / Yıkama) gösterilmez */ body .productDetailContainer .productItem .productIconExSpecial{display:none;} /*===== 23 · MOBİL GRUPLAMA (yalnızca telefon, ≤600px) ===== Sağ kolon beyaz kartlara bölünür, zemin gri olur; masaüstünde gösterdiğimiz yorum/soru/ürün bilgileri blokları gizlenip yerlerine kart + tam sayfa panel gelir (JS: mobilKur). =====*/ .lpu-gr{display:contents;} .lpu-oze{display:none;} @media (max-width:600px){ /* --- zemin ve kart --- */ body #divIcerik.productDetailContainer{background:#F5F5F5;} body .productDetailContainer .TopDet{gap:0;margin-bottom:0;} body .productDetailContainer .TopDet>.RightDetail{padding:0;background:none;} .lpu-gr{display:block;box-sizing:border-box;width:100%;margin:0 0 10px;padding:9px 14px 4px; background:#FFF;border-radius:0;border-bottom:1px solid #EDEAE6;} .lpu-gr1{margin-top:0;} /* --- 1. kart: ad, puan, özellik çipleri --- */ .productDetailContainer .RightDetail .ProductName .lpu-meta{display:none;} .lpu-gr1 .ProductName{margin:0;} .lpu-gr1 .ProductName h1{margin-top:0;} .lpu-gr1 .Formline.puanVer{margin:8px 0 0;padding-left:2px;} .lpu-oze{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin:12px 0 0;padding:0 0 14px;cursor:pointer;} .lpu-oze__c{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; gap:1px;padding:7px 9px;border-radius:4px;background:#FFF6E8;} .lpu-oze__b{font-size:11.5px;line-height:15px;font-weight:400;color:#F27A1A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lpu-oze__d{font-size:11.5px;line-height:15px;font-weight:500;color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* --- 2. kart: renk + beden (fiyat alanı gizli, alt barda) --- */ body .productDetailContainer .RightDetail .PriceList{display:none;} .lpu-gr2{padding:12px 14px;} .lpu-gr2 #divUrunEkSecenek{margin:0;padding:0;border:0;} .lpu-gr2 .eksecenekLine{margin:0;} body div.productDetailContainer div.RightDetail #productDetailRelated .JKatAdi{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;} .lpu-rsay{-ms-flex:0 0 auto;flex:0 0 auto;font-size:12px;font-weight:400;color:#8C8C8C;letter-spacing:.1px;} body div.productDetailContainer div.RightDetail #productDetailRelated{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #F2F0EE;} .lpu-rsar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:4px; margin:0 -14px;padding:2px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .lpu-rsar::-webkit-scrollbar{display:none;} body div.productDetailContainer div.RightDetail #productDetailRelated .lpu-rsar a.detailLink{-ms-flex:0 0 auto;flex:0 0 auto;margin:0;} .lpu-gr2 .kutuluvaryasyon .right_line{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;} .lpu-gr2 .kutuluvaryasyon .right_line .size_box{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;margin:0;padding:0 4px;text-align:center;} .lpu-gr2 .kutuluvaryasyon .right_line .btnnostok{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-order:9;order:9;margin:2px 0 0;} .lpu-gr2 .kutuluvaryasyon .right_line br{display:none;} /* --- kargo şeridi --- */ body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi.lpu-kargo{ display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:9px; box-sizing:border-box;width:100%;margin:0 0 10px;padding:11px 14px;border:0;border-radius:0; background:#EFF7F1;border-top:1px solid #E1EFE5;border-bottom:1px solid #E1EFE5;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi.lpu-kargo .boxIcon{ -ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:18px;height:18px;margin:0;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi.lpu-kargo .boxIcon svg{width:18px;height:18px;display:block;fill:#1E7A43;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi.lpu-kargo .left_line.lineTitle{ -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:auto;margin:0;padding:0; font-size:12.5px;line-height:17px;font-weight:400;color:#3D3D3D;text-align:left;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi.lpu-kargo .center_line{display:none;} body div.productDetailContainer div.RightDetail div.MiddleList div#divTahminiTeslimatSuresi.lpu-kargo .right_line{ -ms-flex:0 0 auto;flex:0 0 auto;width:auto;margin:0;padding:3px 9px;border-radius:30px;background:#DCEFE2; font-size:12px;line-height:16px;font-weight:600;color:#1E7A43;letter-spacing:.2px;text-align:right;} /* --- özellik / soru / değerlendirme tek blok --- */ .lpu-blok{-ms-flex-order:4;order:4;padding:0;} .lpu-oz3{padding:13px 0 14px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.04);} .lpu-sc{padding:13px 0 14px;border-top:1px solid #F2F0EE;cursor:pointer;} .lpu-dv{padding:13px 0 15px;border-top:1px solid #F2F0EE;cursor:pointer;} .lpu-oz3__b{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;padding:0 14px;} .lpu-oz3__b h3{margin:0;font-size:14.5px;line-height:20px;font-weight:500;color:#252525;} .lpu-oz3__t{-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12.5px;font-weight:500;color:#F27A1A;text-decoration:none;} .lpu-oz3__t:after{content:"";-ms-flex:0 0 auto;flex:0 0 auto;width:9px;height:13px;margin-left:7px; background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-oz3__s{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px; margin:11px 0 0;padding:0 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .lpu-oz3__s::-webkit-scrollbar{display:none;} .lpu-oz3__c{-ms-flex:0 0 auto;flex:0 0 auto;padding:8px 12px;border-radius:6px;background:#F5F5F5; white-space:nowrap;font-size:12.5px;line-height:17px;font-weight:500;color:#242424;} .lpu-oz3__c b{font-weight:400;color:#7A7A7A;} .lpu-bos{font-size:12.5px;line-height:18px;color:#8A8A8A;} /* boş bölümlerde tek satırlık yönlendirme (ok ile) */ .lpu-bosr{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; width:100%;margin:10px 0 0;padding:0 14px;border:0;background:none; font-family:inherit;font-size:13px;line-height:20px;color:#3D3D3D;text-align:left;cursor:pointer;} .lpu-sc[data-bos="1"],.lpu-dv[data-bos="1"]{padding:0;} .lpu-bosr--bas{margin:0;padding:14px;} .lpu-bosr--bas span{font-size:14.5px;line-height:20px;font-weight:500;color:#252525;} .lpu-bosr--puan{gap:10px;margin:0;padding:0 14px;min-height:48px;box-sizing:border-box;background:#FFF6E8;} .lpu-bosr__t{-ms-flex:0 0 auto;flex:0 0 auto;font-size:14px;line-height:20px;font-weight:600;color:#F27A1A;} .lpu-bosr--puan .lpu-bosr__y{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;} .lpu-bosr--puan .lpu-bosr__y i{font-size:15px;color:#FFC000;} .lpu-bosr--puan:after{background-color:#F27A1A;} .lpu-bosr:after{content:"";-ms-flex:0 0 auto;flex:0 0 auto;width:9px;height:13px;margin-left:10px;background-color:#B5B5B5; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-sc__c{-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 11px;border:1px solid #EDEAE6;border-radius:8px; background:#FFF;white-space:nowrap;font-size:12.5px;line-height:17px;font-weight:500;color:#242424;text-decoration:none;} .lpu-sc__c span{margin-left:4px;font-weight:400;color:#8A8A8A;} .lpu-sc__c:after{content:"";-ms-flex:0 0 auto;flex:0 0 auto;width:7.5px;height:11px;margin-left:8px; background-color:#B5B5B5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-dv__s{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:9px 0 0;padding:0 14px;} .lpu-dv__p{font-size:19px;line-height:24px;font-weight:600;color:#242424;} .lpu-dv__a{font-size:12.5px;line-height:17px;color:#8A8A8A;} .lpu-dv__tes{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; width:calc(100% - 28px);height:28px;margin:11px 14px 0;padding:0 14px 0 36px;border:0; border-radius:14px 6px 6px 14px;background:#FFF6E8;text-align:left;cursor:pointer;} .lpu-dv__ti{position:absolute;left:0;top:0;-ms-flex:0 0 28px;flex:0 0 28px; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:28px;height:28px;border-radius:50%;background:#F27A1A;color:#FFF;} .lpu-dv__ti svg{width:14px;height:14px;display:block;} .lpu-dv__tt{font-size:12.5px;line-height:28px;color:#3D3D3D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lpu-dv__tt b{font-weight:600;color:#242424;} .lpu-dv__k{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin:13px 0 0;padding:0 14px 2px; overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .lpu-dv__k::-webkit-scrollbar{display:none;} .lpu-dv .lpu-rv__k.lpu-dvk{-ms-flex:0 0 78%;flex:0 0 78%;max-width:78%;min-height:0;margin:0;padding:12px 13px; background:#F7F7F7;border:0;border-radius:8px;} /* --- alışveriş bilgileri (tema sekmelerinden) --- */ .lpu-tl{-ms-flex-order:6;order:6;padding:13px 0 14px;} .lpu-tl__b{padding:0 14px 16px;} .lpu-tl__b h3{margin:0;font-size:14.5px;line-height:20px;font-weight:500;color:#252525;} .lpu-tl__s{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px; width:calc(100% - 28px);margin:0 14px 16px;padding:7px 10px;border:1px solid #EFEDEA;border-radius:7px; background:#FFF;text-align:left;cursor:pointer;} .lpu-tl__s:last-child{margin-bottom:0;} .lpu-tl__i{-ms-flex:0 0 26px;flex:0 0 26px;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:26px;height:26px;border-radius:6px;background:#F27A1A;color:#FFF;} .lpu-tl__i.gri{background:#9A9A9A;} .lpu-tl__i svg{width:14px;height:14px;display:block;} .lpu-tl__t{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:13px;line-height:18px;font-weight:500;color:#242424;} .lpu-tl__s:after{content:"";-ms-flex:0 0 auto;flex:0 0 auto;width:9px;height:13px;background-color:#B5B5B5; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-tl__r{position:absolute;right:10px;top:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px; -webkit-transform:translateY(-50%);transform:translateY(-50%);padding:2px 9px;border-radius:30px;background:#EAF7EE;} .lpu-tl__r svg{width:10px;height:10px;display:block;color:#1A8C46;} .lpu-tl__r b{font-size:10px;line-height:14px;font-weight:600;letter-spacing:.1px;color:#1A8C46;white-space:nowrap;} /* --- görsel üstündeki favori, sayfa içi sepet ve sipariş butonları --- */ body .productDetailContainer .leftImage{position:relative;} body .productDetailContainer .leftImage a.lpu-fav{position:absolute;top:12px;right:12px;z-index:5; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%; background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.14);} body .productDetailContainer .leftImage a.lpu-fav .box1{display:none;} body .productDetailContainer .leftImage a.lpu-fav .boxIcon{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:17px;height:17px;margin:0;padding:0;} body .productDetailContainer .leftImage a.lpu-fav .boxIcon svg{width:17px;height:17px;display:block;fill:#242424;} /* FAVORİDEYKEN KALP TURUNCU — native state kancaları (N7'nin mobil karşılığı). Tema ana üründe SINIF değil KİMLİK değiştiriyor: favorideyse id="aFavroriCikarBtn" + data-action="0", değilse id="aFavoriEkleBtn" + data-action="1". (`aFavroriCikarBtn` temanın kendi yazım hatası.) Eski `.active` / `.favoriEklendi` kancaları tema onları hiç yazmadığı için tek başına hiç tutmuyordu; korunuyorlar, yeni iki kanca eklendi. Masaüstünde aynı iki kanca `#divSatinAl` kapsamında zaten çalışıyor; mobilde sarmalayıcı `.leftImage`'a taşındığı için o kural geçerli değil, rengi burada `.boxIcon svg` `fill`'i veriyor. Özgüllük: taban kural (0,4,4) — id'li sürüm (1,4,4), attribute'lu sürüm (0,5,4) → ikisi de ezer, `!important` gerekmez. NATIVE SINIRLAMA: favoriye EKLEME akışı (liste alt sayfası) tamamlanınca tema id/data-action/SVG'yi güncellemiyor — masaüstünde, taşıma hiç olmadan da aynı. O anda kalp gri kalır; sayfa yenilenince native state doğru gelir. Bilinçli olarak düzeltilmiyor (custom state/timer/observer/monkey patch yok). */ body .productDetailContainer .leftImage a.lpu-fav.active .boxIcon svg, body .productDetailContainer .leftImage a.lpu-fav.favoriEklendi .boxIcon svg, body .productDetailContainer .leftImage a.lpu-fav#aFavroriCikarBtn .boxIcon svg, body .productDetailContainer .leftImage a.lpu-fav[data-action="0"] .boxIcon svg{fill:#F46924;} body div.productDetailContainer div.RightDetail div.buybutton#divSatinAl{display:none;} body div.productDetailContainer div.RightDetail div.MiddleList .lpu-ps, body div.productDetailContainer div.RightDetail div.BottomList .lpu-ps, body div.productDetailContainer div.RightDetail div.TopList .lpu-ps{display:none;} /* --- masaüstü bölümleri: mobilde kart/panel karşılıkları var --- */ body .lpu-rv,body .lpu-sq,body .lpu-ac__bas,body .lpu-ac,body .productDetailContainer .urunTab{display:none;} body:has(.productDetailContainer) #footer,body:has(.productDetailContainer) #customFooterContent{display:none;} body #divUrunOzellikAlani.urunOzellikTab{border-top:0;} /* --- benzer ürünler --- */ body #BenzerUrunDiv{display:flow-root;margin:8px 0 10px;padding:14px 0 16px;background:#FFF;border-top:1px solid #EDEAE6;border-bottom:1px solid #EDEAE6;} /* yalnızca ürün detayda: blok sonrası gri nefes payı */ body div.productDetailContainer #BenzerUrunDiv{margin-bottom:35px;} body div#BenzerUrunDiv div.detaySliderContainer .ProductList .JKatAdi{padding:0 14px;margin:0 0 10px;background:none;border:0;text-align:left;} body #BenzerUrunDiv .JKatAdi .satir1,body #BenzerUrunDiv .JKatAdi .bold{ font-size:14.5px;line-height:20px;font-weight:500;color:#252525;letter-spacing:0;text-transform:none;} body #BenzerUrunDiv .owl-nav,body #BenzerUrunDiv .owl-prev,body #BenzerUrunDiv .owl-next{display:none;} body #divBenzerUrun.detaySliderContainer{box-sizing:border-box;padding:0 14px;} /* renk rozeti biraz aşağı-sağa */ body .productDetailContainer .productItem .productImage .relatedProductsColor{left:auto;right:10px;bottom:10px;} /* kart içi çoklu resim kapalı (JS: mUrunResim) — fazla kareler görünmesin */ body .productDetailContainer .productItem .productList-Image-Owl .imageItem ~ .imageItem{display:none;} body #BenzerUrunDiv .ProductList,body #BenzerUrunDiv .jCarouselLite,body #BenzerUrunDiv .detaySliderContainer{background:#FFF;} } /*===== 24 · MOBİL PANELLER (tam sayfa + yarım pencere, ≤600px) ===== lpu-tp: tüm özellikler · lpu-sp: soru & cevap · lpu-dp: değerlendirmeler lpu-yp: yarım pencere (kargo/iade/kumaş) · lpu-as: alttan seçim listesi =====*/ @media (max-width:600px){ .lpu-tp,.lpu-sp,.lpu-dp,.lpu-sf,.lpu-sb,.lpu-yf{position:fixed;left:0;right:0;top:0;bottom:0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-transform:translateY(100%);transform:translateY(100%);visibility:hidden; -webkit-transition:-webkit-transform .32s cubic-bezier(.32,.72,0,1); transition:transform .32s cubic-bezier(.32,.72,0,1),visibility 0s .32s;} .lpu-tp.acik,.lpu-sp.acik,.lpu-dp.acik,.lpu-sf.acik,.lpu-sb.acik,.lpu-yf.acik{ -webkit-transform:translateY(0);transform:translateY(0);visibility:visible; transition:transform .34s cubic-bezier(.32,.72,0,1);} /* panele özel kalanlar (birleştirilmedi): zemin, katman, touch-action */ .lpu-sp,.lpu-dp{z-index:99996;background:#FFF;} .lpu-tp{z-index:99995;background:#FFF;} /* başlık çubuğu (üç panelde ortak) */ .lpu-tp__h{-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;height:52px;padding:0 14px;border-bottom:1px solid #F0EEEC;} .lpu-tp__geri{-ms-flex:0 0 auto;flex:0 0 auto;width:34px;height:44px;padding:0;margin:0;border:0;background:none; -webkit-appearance:none;appearance:none;cursor:pointer;} .lpu-tp__kalp{-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:36px;height:36px;padding:0;border:0;background:none;color:#242424;cursor:pointer;} .lpu-tp__kalp svg{width:21px;height:21px;} .lpu-tp__t{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;font-size:15px;font-weight:500;color:#242424;} .lpu-tp__alt{position:absolute;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px; padding:10px 14px;background:#FFF;border-top:1px solid #F0EEEC;box-shadow:0 -2px 10px rgba(0,0,0,.05);} .lpu-tp__sor{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; height:44px;border:1px solid #F27A1A;border-radius:6px;background:#FFF; font-size:13.5px;font-weight:600;color:#F27A1A;text-decoration:none;cursor:pointer;} .lpu-tp__sepet{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;height:44px;border:0;border-radius:6px;background:#F27A1A; font-family:inherit;font-size:13.5px;font-weight:600;line-height:1;color:#FFF;cursor:pointer;} /* tüm özellikler paneli */ .lpu-tp__sek{-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #F0EEEC;} .lpu-tp__sek button{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;height:44px;padding:0;border:0;border-bottom:2px solid transparent; background:none;font-family:inherit;font-size:13.5px;font-weight:400;line-height:1;color:#8A8A8A;cursor:pointer;} .lpu-tp__sek button.on{border-bottom-color:#F27A1A;color:#F27A1A;font-weight:500;} .lpu-tp__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 78px;} .lpu-tp__u{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;gap:12px;padding:14px;border-bottom:8px solid #F5F5F5;} .lpu-tp__u img{-ms-flex:0 0 62px;flex:0 0 62px;width:62px;height:93px;object-fit:cover;border-radius:4px;background:#F3F1F0;} .lpu-tp__ub{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;min-width:0;} .lpu-tp__mar{font-size:13px;font-weight:600;color:#242424;} .lpu-tp__ad{font-size:13px;line-height:18px;color:#5A5A5A;} .lpu-tp__pu{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;margin-top:2px;font-size:13px;color:#242424;text-decoration:none;} .lpu-tp__pu b{font-weight:600;} .lpu-tp__pu span{color:#5A5A5A;} .lpu-tp__pu em{font-style:normal;color:#C9C6C3;margin:0 1px;} .lpu-tp__pu .lpu-ys1{font-size:14px;color:#FFC000;} .lpu-tp__pu svg{width:7px;height:11px;color:#B5B5B5;} .lpu-tp__b{padding:16px 14px;border-bottom:1px solid #F2F0EE;} .lpu-tp__b h4{margin:0 0 12px;font-size:14.5px;font-weight:500;color:#242424;} .lpu-tp__ul{margin:0;padding:0;list-style:none;} .lpu-tp__ul li{position:relative;margin:0 0 10px;padding:0 0 0 15px;font-size:13px;line-height:19px;color:#3D3D3D;} .lpu-tp__ul li:last-child{margin-bottom:0;} .lpu-tp__ul li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:#F27A1A;} .lpu-tp__ul li b,.lpu-tp__m p strong{font-weight:500;color:#242424;} .lpu-tp__m p{margin:0 0 10px;font-size:13px;line-height:20px;color:#3D3D3D;} .lpu-tp__m p:last-child{margin:0;} .lpu-tp__m ul,.lpu-tp__m ol{margin:0 0 10px;padding:0 0 0 18px;} .lpu-tp__m li{margin:0 0 7px;font-size:13px;line-height:19px;color:#3D3D3D;} .lpu-tp__m h2,.lpu-tp__m h3,.lpu-tp__m h4{margin:14px 0 8px;font-size:13.5px;font-weight:500;color:#242424;} .lpu-tp__m *{max-width:100%;} .lpu-tp__sat{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;gap:12px; padding:11px 0;border-bottom:1px solid #F4F2F0;} .lpu-tp__sat:last-child{border-bottom:0;} .lpu-tp__sat span{-ms-flex:0 0 42%;flex:0 0 42%;font-size:13px;color:#242424;} .lpu-tp__sat b{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:13px;font-weight:400;color:#8A8A8A;} /* soru & cevap paneli */ .lpu-sp__ara{-ms-flex:0 0 auto;flex:0 0 auto;position:relative;padding:12px 14px;} .lpu-sp__ai{position:absolute;left:26px;top:50%;margin-top:-9px;width:18px;height:18px;color:#F27A1A;} .lpu-sp__ai svg{width:18px;height:18px;display:block;} .lpu-sp__ara input{width:100%;box-sizing:border-box;height:42px;padding:0 14px 0 40px;border:0;border-radius:8px;background:#F5F5F5; font-family:inherit;font-size:13.5px;line-height:1;color:#242424;outline:none;} .lpu-sp__ara input::-webkit-input-placeholder{color:#9A9A9A;} .lpu-sp__ara input::placeholder{color:#9A9A9A;} .lpu-sp__f{-ms-flex:0 0 auto;flex:0 0 auto;padding:12px 0 14px;border-top:1px solid #F0EEEC;border-bottom:7px solid #F5F5F5;} .lpu-sp__fb{padding:0 14px 10px;font-size:12.5px;color:#8A8A8A;} .lpu-sp__cips{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:0 14px;overflow-x:auto;scrollbar-width:none;} .lpu-sp__cips::-webkit-scrollbar{display:none;} .lpu-sp__c{-ms-flex:0 0 auto;flex:0 0 auto;height:34px;padding:0 15px;border:1px solid #E6E3E0;border-radius:30px;background:#FFF; font-family:inherit;font-size:13px;font-weight:500;line-height:1;color:#3D3D3D;white-space:nowrap;cursor:pointer;} .lpu-sp__c.on{border-color:#F27A1A;color:#F27A1A;background:#FFF8F2;} .lpu-sp__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 78px;} .lpu-sp .lpu-sp__k{-ms-flex:none;flex:none;width:auto;max-width:none;margin:0;padding:16px 14px;border:0; border-bottom:7px solid #F5F5F5;border-radius:0;background:#FFF;} .lpu-sp__ic .lpu-sp__k:last-child{border-bottom:0;} /* değerlendirme paneli */ .lpu-dp__h{gap:8px;height:56px;} .lpu-dp__ara{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;} .lpu-dp__ara input{width:100%;box-sizing:border-box;height:38px;padding:0 12px 0 38px;border:0;border-radius:8px;background:#F5F5F5; font-family:inherit;font-size:13px;line-height:1;color:#242424;outline:none;} .lpu-dp__ara input::-webkit-input-placeholder{color:#9A9A9A;} .lpu-dp__ara input::placeholder{color:#9A9A9A;} .lpu-dp__ara .lpu-sp__ai{left:12px;} .lpu-dp__ust{-ms-flex:0 0 auto;flex:0 0 auto;padding:14px 0 15px;} .lpu-dp__ozet{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap; gap:9px;padding:0 14px;white-space:nowrap;} .lpu-dp__p{font-size:21px;line-height:26px;font-weight:600;color:#242424;} .lpu-dp__a{font-size:12.5px;color:#5A5A5A;white-space:nowrap;} .lpu-dp__kri{display:inline-block;margin:7px 0 0;padding:0 14px;font-size:12px;color:#9A9A9A;text-decoration:underline;white-space:nowrap;} .lpu-dp__tav{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;margin:11px 14px 0;padding:6px 10px; border-radius:6px;background:#FFF6E8;font-size:12px;line-height:16px;color:#3D3D3D;} .lpu-dp__tav b{font-weight:600;color:#242424;} .lpu-dp__ti{position:relative;-ms-flex:0 0 18px;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#F27A1A;} .lpu-dp__ti:before{content:"";position:absolute;left:3.5px;right:3.5px;top:3.5px;bottom:3.5px;background-color:#FFF; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11v9H3v-9zM7 11l4.5-8a2 2 0 013 2.5L13 10h6a2 2 0 012 2.4l-1.4 6A2 2 0 0117.6 20H7'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11v9H3v-9zM7 11l4.5-8a2 2 0 013 2.5L13 10h6a2 2 0 012 2.4l-1.4 6A2 2 0 0117.6 20H7'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-dp__sir{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:11px 14px; border-top:1px solid #F0EEEC;border-bottom:8px solid #F5F5F5;} .lpu-dp__f{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;height:34px;padding:0 13px; border:1px solid #E6E3E0;border-radius:8px;background:#FFF;font-family:inherit;font-size:13px;line-height:1;color:#3D3D3D;cursor:pointer;} .lpu-dp__f:after{content:"";width:9px;height:9px;margin-left:1px;background-color:#8A8A8A; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l7 8 7-8'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l7 8 7-8'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-dp__f.on{border-color:#F27A1A;color:#F27A1A;background:#FFF8F2;} .lpu-dp__f.on:after{background-color:#F27A1A;} .lpu-dp__fsir{margin-left:auto;} .lpu-dp__fsir em{width:15px;height:15px;background-color:#F27A1A; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M7 20l-3-3M17 20V4M17 4l3 3'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M7 20l-3-3M17 20V4M17 4l3 3'/%3E%3C/svg%3E") no-repeat center/contain;} .lpu-dp__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 78px;} .lpu-dp .lpu-dpk{-ms-flex:none;flex:none;width:auto;max-width:none;min-height:0;margin:0;padding:16px 14px;border:0; border-bottom:7px solid #F5F5F5;border-radius:0;background:#FFF;} .lpu-dp__ic .lpu-dpk:last-child{border-bottom:0;} .lpu-dp__yaz{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:9px; width:100%;height:46px;border:1px solid #F5D9BC;border-radius:6px;background:#FFF6E8; font-family:inherit;font-size:15px;font-weight:800;line-height:1;letter-spacing:.2px;color:#F27A1A;cursor:pointer;} .lpu-dp__yaz:active{background:#FBEDDA;} .lpu-dp__yc{-ms-flex:0 0 24px;flex:0 0 24px;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:24px;height:24px;border-radius:50%;background:#F27A1A;color:#FFF;} .lpu-dp__yc svg{width:13px;height:13px;display:block;} /* ortak yıldız (özet satırları) */ .lpu-ys{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;line-height:1;} .lpu-ys i{display:block;position:relative;top:1px;font-size:15px;line-height:1;color:#DCDCDC;} .lpu-ys i.d{color:#FFC000;} /* yarım pencere */ /* ---- ORTAK KABUK B: perde + alttan panel (yp · as · rs) ---- Kök, perde ve panel gövdesinin BİREBİR aynı olan özellikleri tek listede. Panele özel kalanlar kendi bloklarında: z-index, border-radius, max-height, flex-column, safe-area padding, geçiş süresi. */ .lpu-yp,.lpu-as,.lpu-rs{position:fixed;left:0;right:0;top:0;bottom:0;visibility:hidden;} .lpu-yp.acik,.lpu-as.acik,.lpu-rs.acik{visibility:visible;} .lpu-yp__o,.lpu-as__o,.lpu-rs__o{position:absolute;left:0;right:0;top:0;bottom:0; background:rgba(0,0,0,.45);opacity:0;-webkit-transition:opacity .28s;transition:opacity .28s;} .lpu-yp.acik .lpu-yp__o,.lpu-as.acik .lpu-as__o,.lpu-rs.acik .lpu-rs__o{opacity:1;} .lpu-yp__p,.lpu-as__p,.lpu-rs__p{position:absolute;left:0;right:0;bottom:0; background:#FFF;overflow:hidden; -webkit-transform:translateY(100%);transform:translateY(100%);} .lpu-yp.acik .lpu-yp__p,.lpu-as.acik .lpu-as__p,.lpu-rs.acik .lpu-rs__p{ -webkit-transform:translateY(0);transform:translateY(0);} /* yp/rs ortak gövde farkı: dikey akış + safe-area */ .lpu-yp__p,.lpu-rs__p{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0; -webkit-transition:-webkit-transform .32s cubic-bezier(.32,.72,0,1);transition:transform .32s cubic-bezier(.32,.72,0,1);} /* yarım pencere */ .lpu-yp{z-index:99997;} .lpu-yp__p{max-height:76vh;} .lpu-yp__tut{-ms-flex:0 0 auto;flex:0 0 auto;width:38px;height:4px;margin:8px auto 0;border-radius:4px;background:#DFDCD9;} .lpu-yp__h{-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #F0EEEC;} .lpu-yp__t{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:15px;font-weight:600;color:#242424;} .lpu-yp__x{-ms-flex:0 0 28px;flex:0 0 28px;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width:28px;height:28px;padding:0;border:0;background:none;color:#6B6B6B;cursor:pointer;} .lpu-yp__x svg{width:13px;height:13px;display:block;} /* alt kenarda yazı bitişik durmasın: ince beyaz geçiş */ .lpu-yp__p:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20px;pointer-events:none; background:-webkit-linear-gradient(rgba(255,255,255,0),#FFF);background:linear-gradient(rgba(255,255,255,0),#FFF);} .lpu-yp__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 0;} .lpu-yp .lpu-tp__m{padding-bottom:20px;} .lpu-yp__bos{height:calc(24px + env(safe-area-inset-bottom,0px));} /* alttan seçim listesi */ .lpu-as{z-index:99999;} .lpu-as__p{border-radius:14px 14px 0 0; -webkit-transition:-webkit-transform .3s cubic-bezier(.32,.72,0,1);transition:transform .3s cubic-bezier(.32,.72,0,1);} .lpu-as__b{padding:18px 16px 14px;border-bottom:1px solid #F0EEEC;text-align:center;font-size:15px;font-weight:500;color:#242424;} .lpu-as__l{max-height:60vh;overflow-y:auto;padding:4px 0 10px;} .lpu-as__s{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:13px;width:100%;height:54px;padding:0 18px; border:0;background:none;font-family:inherit;font-size:14px;line-height:1;color:#242424;text-align:left;cursor:pointer;} .lpu-as__r{-ms-flex:0 0 20px;flex:0 0 20px;width:20px;height:20px;border:1.5px solid #D2CFCC;border-radius:50%;box-sizing:border-box;} .lpu-as__s.on{color:#F27A1A;font-weight:500;} .lpu-as__s.on .lpu-as__r{border-color:#F27A1A;border-width:6px;} /* kart renk rozeti → alttan renk seçenekleri (JS: mRenkKur) */ .lpu-rs{z-index:99999;} .lpu-rs__p{max-height:70vh;} .lpu-rs__b{padding:14px 16px 12px;border-bottom:1px solid #F0EEEC;text-align:center;font-size:15px;font-weight:600;color:#242424;} .lpu-rs__l{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:10px;padding:14px 16px 20px; overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .lpu-rs__l::-webkit-scrollbar{display:none;} .lpu-rs__c{-ms-flex:0 0 26%;flex:0 0 26%;max-width:26%;text-decoration:none;} .lpu-rs__g{display:block;width:100%;aspect-ratio:2/3;border:1px solid #EFEDEA;border-radius:6px;overflow:hidden;background:#F5F5F5;} .lpu-rs__g img{width:100%;height:100%;display:block;object-fit:cover;} .lpu-rs__f{display:block;margin:7px 0 0;font-size:13px;font-weight:600;color:#F27A1A;text-align:center;} .lpu-rs__yk{width:100%;padding:24px 0;text-align:center;font-size:13px;color:#8A8A8A;} } @media (min-width:601px){ .lpu-tp,.lpu-sp,.lpu-dp,.lpu-yp,.lpu-as,.lpu-rs{display:none;} } /*===== 25 · SATICIYA SOR FORMU + GÖNDERİM SONUCU (≤600px) ===== .lpu-sf : tam sayfa soru formu (popup yerine) .lpu-sb : gönderim sonrası başarı ekranı (soru / değerlendirme ortak) Panel başlığı ve alt bar .lpu-tp__h / .lpu-tp__alt ile ortak. ===============================================================*/ @media (max-width:600px){ .lpu-sf{z-index:99997;background:#FFF;} /* kabuk: bölüm 24 ortak liste */ .lpu-sf__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0; overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 90px;} .lpu-sf__urun{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; gap:12px;padding:14px 0;border-bottom:1px solid #F0EEEC;} .lpu-sf__urun img{-ms-flex:0 0 52px;flex:0 0 52px;width:52px;height:78px;object-fit:cover;border-radius:6px;background:#F5F5F5;} .lpu-sf__ub{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3px;min-width:0;} .lpu-sf__uad{font-size:13.5px;line-height:19px;font-weight:500;color:#242424;} .lpu-sf__ukod{font-size:12px;line-height:16px;color:#9A9A9A;} .lpu-sf__ac{margin:18px 0 20px;font-size:13.5px;line-height:20px;color:#3D3D3D;text-align:center;} .lpu-sf__b{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;margin:0 0 8px;} .lpu-sf__b span{font-size:14px;font-weight:600;color:#242424;} .lpu-sf__kri{font-size:12.5px;color:#8A8A8A;text-decoration:underline;} .lpu-sf__ta{width:100%;box-sizing:border-box;min-height:130px;padding:12px 14px; border:1px solid #EFEDEA;border-radius:8px;background:#F7F7F7; font-family:inherit;font-size:13.5px;line-height:19px;color:#242424;resize:none;outline:none;} .lpu-sf__ta:focus{border-color:#F27A1A;background:#FFF;} .lpu-sf__on{display:block;margin:14px 0 0;} .lpu-sf__on input{position:absolute;opacity:0;width:0;height:0;} .lpu-sf__on label{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;cursor:pointer;} .lpu-sf__on .lpu-cb{-ms-flex:0 0 18px;flex:0 0 18px;width:18px;height:18px;margin-top:1px;box-sizing:border-box; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; background:#FFF;border:1px solid #D8D4CE;border-radius:3px; -webkit-transition:background-color .15s,border-color .15s;transition:background-color .15s,border-color .15s;} .lpu-sf__on .lpu-cb svg{width:12px;height:12px;opacity:0;-webkit-transition:opacity .12s;transition:opacity .12s;} .lpu-sf__on input:checked + label .lpu-cb{background:#F46924;border-color:#F46924;} .lpu-sf__on input:checked + label .lpu-cb svg{opacity:1;} .lpu-sf__on .lpu-cbt{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;font-size:12.5px;line-height:18px;color:#5A5A5A;} .lpu-sf__on .lpu-cbt a{color:#242424;font-weight:600;text-decoration:underline;} .lpu-sf__gonder{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;height:48px;border:0;border-radius:8px; background:#F27A1A;font-family:inherit;font-size:15px;font-weight:700;color:#FFF;cursor:pointer;} .lpu-sf__gonder.lpu-pasif{background:#999;color:#FFF;cursor:default;pointer-events:none;} /* ---- gönderim sonucu ---- */ .lpu-sb{z-index:99998;background:#F5F5F5;} /* kabuk: bölüm 24 ortak liste */ .lpu-sb__x{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .lpu-sb__x svg{width:14.5px;height:14.5px;color:#242424;display:block;} .lpu-sb__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0; overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none; background:#F5F5F5;padding:0 0 20px;} .lpu-sb__ic::-webkit-scrollbar{width:0;height:0;display:none;} /* 1. blok — onay */ .lpu-sb__ok{margin:0 0 10px;padding:30px 30px 26px;text-align:center;background:#FFF;border-bottom:1px solid #EDEAE6;} .lpu-sb__dr{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:#FEF3E6; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .lpu-sb__dr svg{width:32px;height:32px;color:#F27A1A;display:block;} .lpu-sb__ok h3{margin:0;font-size:17px;line-height:23px;font-weight:600;color:#242424;letter-spacing:-.3px;} .lpu-sb__ok p{margin:9px auto 0;max-width:262px;font-size:13.5px;line-height:20px;font-weight:400;color:#8A8A8A;} /* 2. blok — ürün */ .lpu-sb__up{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px; margin:0 0 10px;padding:12px 16px;background:#FFF; border-top:1px solid #EDEAE6;border-bottom:1px solid #EDEAE6;text-decoration:none;} .lpu-sb__up img{-ms-flex:0 0 50px;flex:0 0 50px;width:50px;height:68px;object-fit:cover;border-radius:5px;background:#F5F5F5;} .lpu-sb__ug{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;} .lpu-sb__un{font-size:13.5px;line-height:19px;font-weight:500;color:#242424; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .lpu-sb__uk{margin:3px 0 0;font-size:12px;color:#A5A099;} .lpu-sb__uf{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:7px;margin:5px 0 0;} .lpu-sb__uf s{font-size:12.5px;color:#A5A099;} .lpu-sb__uf b{font-size:15px;font-weight:700;color:#242424;} .lpu-sb__uf em{font-style:normal;font-size:11px;font-weight:700;color:#F27A1A;} .lpu-sb__up:after{content:"";-ms-flex:0 0 auto;flex:0 0 auto;width:11px;height:15px;margin-left:4px;background-color:#F27A1A; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.72 11.97L5.23 21.46a1.45 1.45 0 002.05 2.05l10.52-10.52a1.45 1.45 0 000-2.05L7.28.43a1.45 1.45 0 00-2.05 2.05z'/%3E%3C/svg%3E") no-repeat center/contain;} /* 3. blok — gönderilen soru / değerlendirme */ .lpu-sb__kt{margin:0 0 10px;padding:14px 16px 16px;background:#EBF5FF; border-top:1px solid #D3E4F5;border-bottom:1px solid #D3E4F5;} .lpu-sb__sbas{font-size:14px;line-height:20px;font-weight:700;color:#1F6BC1;} .lpu-sb__sr{margin:7px 0 0;font-size:14.5px;line-height:21px;font-weight:400;color:#666;} .lpu-sb__yl{margin:7px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:3px;} .lpu-sb__yl i{font-size:15px;color:#FFC000;position:relative;top:1px;} .lpu-sb__yl i.bos{color:#E3E0DC;} .lpu-sb__mt{margin:9px 0 0;font-size:12.5px;color:#8FA6C0;} .lpu-sb__mt b{font-weight:600;color:#6E8BA8;} /* değerlendirme varyantı */ .lpu-sb--yorum .lpu-sb__kt{background:#FFF6E8;border-color:#F3DFC4;} .lpu-sb--yorum .lpu-sb__sbas{color:#D9720E;} .lpu-sb--yorum .lpu-sb__mt{color:#BCA588;} .lpu-sb--yorum .lpu-sb__mt b{color:#9A8467;} /* bilgi notu */ .lpu-sb__bil{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;margin:0 16px;padding:13px 14px; background:#FFF;border:1px solid #EDEAE6;border-radius:10px;} .lpu-sb__bil svg{-ms-flex:0 0 auto;flex:0 0 auto;width:14px;height:14px;color:#C9A36A;margin-top:2px;} .lpu-sb__bil span{font-size:12.5px;line-height:18.5px;color:#8A857E;} /* alt bar */ .lpu-sb__alt{-ms-flex:0 0 auto;flex:0 0 auto; display:-webkit-box;display:-ms-flexbox;display:flex;gap:9px; padding:11px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #F0EDE9;background:#FFF;} .lpu-sb__alt button{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;height:46px;border-radius:10px; font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.1px;} .lpu-sb__alt .lpu-sb__b2{border:1px solid #E6E2DC;background:#FFF;color:#4A4A4A;} .lpu-sb__alt .lpu-sb__b1{border:0;background:#F27A1A;color:#FFF;} } @media (min-width:601px){ .lpu-sf,.lpu-sb{display:none;} } /*===== 26 · DEĞERLENDİRME FORMU (tam sayfa, ≤600px) ===== .lpu-yf : popup yerine tam sayfa değerlendirme formu .lpu-kri-w: kriter / aydınlatma metni penceresi mobilde tam sayfa =========================================================*/ @media (max-width:600px){ .lpu-yf{z-index:99997;background:#F5F5F5;touch-action:pan-y;} /* kabuk: bölüm 24 ortak liste */ .lpu-yf__ic{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0; overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain; scrollbar-width:none;-ms-overflow-style:none;padding:0 0 20px;} .lpu-yf__ic::-webkit-scrollbar{width:0;height:0;display:none;} .lpu-yf__k{margin:0 0 10px;padding:14px 16px;background:#FFF; border-top:1px solid #EDEAE6;border-bottom:1px solid #EDEAE6;} .lpu-yf__b{font-size:14px;font-weight:600;color:#242424;} .lpu-yf__b em{font-style:normal;font-weight:400;font-size:12.5px;color:#A5A099;margin-left:6px;} /* ürün */ .lpu-yf__ur{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;} .lpu-yf__ur img{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;height:84px;max-width:none;object-fit:contain;border-radius:2px;background:#F5F5F5;display:block;} .lpu-yf__un{font-size:13.5px;line-height:19px;font-weight:500;color:#242424;} .lpu-yf__uk{margin:3px 0 0;font-size:12px;color:#A5A099;} .lpu-yf__uf{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:7px;margin:5px 0 0;} .lpu-yf__uf s{font-size:12.5px;color:#A5A099;} .lpu-yf__uf b{font-size:15px;font-weight:700;color:#242424;} .lpu-yf__uf em{font-style:normal;font-size:11px;font-weight:700;color:#F27A1A;} /* tavsiye */ .lpu-yf__tvb{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; gap:10px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #F0EDE9;} .lpu-yf__tvb>span{font-size:13.5px;font-weight:500;color:#242424;} .lpu-yf__cp{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex:0 0 auto;flex:0 0 auto;} .lpu-yf__cp button{-ms-flex:0 0 auto;flex:0 0 auto;min-width:86px;height:38px;padding:0 14px; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px; border:1px solid #E6E2DC;border-radius:8px;background:#FFF; font-family:inherit;font-size:13.5px;font-weight:500;color:#4A4A4A;} .lpu-yf__cp button svg{width:15px;height:15px;display:block;} .lpu-yf__cp button span{line-height:1;} .lpu-yf__cp button.on{border-color:#F27A1A;background:#FFF6E8;color:#F27A1A;font-weight:700;} /* puan */ .lpu-yf__pu{text-align:center;padding:18px 16px;} .lpu-yf__pb{font-size:13.5px;font-weight:400;color:#4A4A4A;} .lpu-yf__yl{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin:13px 0 0;} .lpu-yf__yl i{font-size:30px;color:#E3E0DC;cursor:pointer;} .lpu-yf__yl i.on{color:#FFC000;} /* metin */ .lpu-yf__kri{float:right;font-size:12px;font-weight:400;color:#8A8A8A;text-decoration:none;} .lpu-yf__ta{width:100%;box-sizing:border-box;min-height:120px;margin:9px 0 0;padding:12px 14px; border:1px solid #EFEDEA;border-radius:8px;background:#F7F7F7; font-family:inherit;font-size:13.5px;line-height:19px;color:#242424;resize:none;outline:none;} .lpu-yf__ta:focus{border-color:#F27A1A;background:#FFF;} .lpu-yf__sy{margin:6px 2px 0;text-align:right;font-size:12px;color:#A5A099;} /* yaş */ .lpu-yf__yb{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;} .lpu-yf__yb em{font-style:normal;font-size:12px;color:#A5A099;} .lpu-yf__yas{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin:11px 0 0;} .lpu-yf__yas button{-ms-flex:1 1 28%;flex:1 1 28%;height:38px;border:1px solid #E6E2DC;border-radius:8px;background:#FFF; font-family:inherit;font-size:13px;font-weight:500;color:#4A4A4A;} .lpu-yf__yas button.on{border-color:#F27A1A;background:#FFF6E8;color:#F27A1A;font-weight:700;} /* alt bar */ .lpu-yf__alt{-ms-flex:0 0 auto;flex:0 0 auto; padding:11px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #F0EDE9;background:#FFF;} .lpu-yf__gonder{width:100%;height:48px;border:0;border-radius:8px;background:#F27A1A; font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.2px;color:#FFF;} .lpu-yf__gonder.lpu-pasif{background:#999;color:#FFF;pointer-events:none;} /* kriter / aydınlatma penceresi mobilde tam sayfa */ .lpu-kri-w{background:#FFF;} .lpu-kri-w .lpu-kri-p{position:fixed;left:0;right:0;top:0;bottom:0;width:auto;max-width:none;height:auto;max-height:none; margin:0;border-radius:0;box-shadow:none; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .lpu-kri-w .lpu-kri-h{-ms-flex:0 0 auto;flex:0 0 auto;height:50px;padding:0 6px;position:relative; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; border-bottom:1px solid #F0EDE9;} .lpu-kri-w .lpu-kri-x{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1; -ms-flex:0 0 34px;flex:0 0 34px;width:34px;height:44px;margin:0;position:static;padding:0;border:0;background:none;font-size:0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .lpu-kri-w .lpu-kri-x:before,.lpu-kri-w .lpu-kri-x:after{display:none;} .lpu-kri-w .lpu-kri-x svg{width:14.5px;height:14.5px;color:#242424;display:block;} .lpu-kri-w .lpu-kri-t{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;padding-right:34px;} .lpu-kri-w .lpu-kri-b{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0; overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px 16px 24px;} .lpu-kri-w .lpu-kri-f{-ms-flex:0 0 auto;flex:0 0 auto;padding:10px 16px calc(12px + env(safe-area-inset-bottom));} } @media (min-width:601px){ .lpu-yf{display:none;} } /*===== 27 · MOBİL GÖRSEL EKRANI (tam sayfa, ≤600px) ===== .lpu-mg : ürün görsellerine dokununca açılan tam sayfa görüntüleyici Kaydırma tamamen parmakla sürüklenen transform ile (uygulama hissi). Mobilde masaüstü penceresi (.lpu-lb) devre dışı. =========================================================*/ @media (max-width:600px){ .lpu-lb,.lpu-lb.acik{display:none;visibility:hidden;pointer-events:none;} .lpu-mg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99998; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; background:#FFF;opacity:0;visibility:hidden;touch-action:none;overscroll-behavior:none; -webkit-transition:opacity .2s;transition:opacity .2s,visibility 0s .2s;} .lpu-mg.acik{opacity:1;visibility:visible;transition:opacity .2s;} .lpu-mg.tasi{-webkit-transition:none;transition:none;} .lpu-mg__h{position:absolute;left:0;right:0;top:0;height:auto;z-index:3;pointer-events:none; padding:calc(6px + env(safe-area-inset-top)) 6px 0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;} .lpu-mg__x{-ms-flex:0 0 34px;flex:0 0 34px;width:34px;height:44px;border:0;background:none;padding:0;pointer-events:auto; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .lpu-mg__x svg{width:15px;height:15px;color:#FFF;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));} .lpu-mg__s{display:none;} /* görüntü alanı + sürüklenen şerit */ .lpu-mg__v{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;overflow:hidden;touch-action:none;} .lpu-mg__l{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;} .lpu-mg__i{-ms-flex:0 0 100%;flex:0 0 100%;width:100%;overflow:hidden; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .lpu-mg__i img{width:100%;height:auto;display:block;user-select:none;-webkit-user-select:none; -webkit-user-drag:none;pointer-events:none; -webkit-transform-origin:0 0;transform-origin:0 0;will-change:transform; -webkit-backface-visibility:hidden;backface-visibility:hidden;} /* küçük görseller */ .lpu-mg__t{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0; display:-webkit-box;display:-ms-flexbox;display:flex;gap:9px; -webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch; padding:8px 0 calc(14px + env(safe-area-inset-bottom)); overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch; touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;background:#FFF;} .lpu-mg__t::-webkit-scrollbar{width:0;height:0;display:none;} .lpu-mg__t button{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;height:100%;aspect-ratio:2/3;padding:0; border:1px solid transparent;border-radius:0;overflow:hidden;background:#F5F5F5;opacity:.5;box-sizing:border-box; -webkit-transition:opacity .18s,border-color .18s;transition:opacity .18s,border-color .18s;} .lpu-mg__t button.on{opacity:1;border-color:#F27A1A;} .lpu-mg__t button:first-child{margin-left:8px;} .lpu-mg__t button:last-child{margin-right:8px;} .lpu-mg__t button img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;} } @media (min-width:601px){ .lpu-mg{display:none;} } /*===== 28 · PANEL KAYDIRMA KİLİDİ (≤600px) ===== Açık panelin altındaki sayfa hiçbir koşulda kaymaz; panel içi kaydırma uca gelince sayfaya zincirlenmez. ================================================*/ @media (max-width:600px){ .lpu-tp__ic,.lpu-sp__ic,.lpu-dp__ic,.lpu-yp__ic,.lpu-as__l, .lpu-yf__ic,.lpu-sf__ic,.lpu-sb__ic,.lpu-kri-b,.lpu-mg__t{ overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;} .lpu-mg__t{touch-action:pan-x;} .lpu-rs__l{overscroll-behavior:contain;touch-action:pan-x;} html.lpu-kilit,body.lpu-kilit{overflow:hidden;overscroll-behavior:none;} body.lpu-kilit{position:relative;} } /*===== 30b · HAZIRLIK PERDESİ (Faz 2F / FOUC) ===== Panel JS'i sayfanın en sonunda yüklendiği için ilk boya temanın HAM ürün detay düzeniyle oluyor; mobil gruplama ancak ondan sonra çalışıyor. Bu blok, CSS 'de olduğu için İLK BOYADAN İTİBAREN geçerli ve yalnız SONRADAN YENİDEN GRUPLANAN native blokları bekletiyor. Ana görsel, header ve sayfanın geri kalanı görünür kalır — boş beyaz ekran yok. Kapsam: yalnız ≤600px + ürün detay kabı. display:none yerine visibility:hidden: blok yerini korur, açılışta zıplama olmaz. JS hiç çalışmazsa 1.5 sn sonra animasyon yedeği perdeyi kendisi kaldırır. NOT: `.urunTab` bilinçli olarak perdede DEĞİL — özellik/alışveriş bilgileri sisteminin kaynak DOM'u orada ve ilk ekranın altında kalıyor; sırf ham görünmesin diye fonksiyonel zinciri riske atmıyoruz. NOT 2: `.RightDetail .TopList` de perdeden ÇIKARILDI. Ürün adı ve puan satırı ham HTML'de hazır; `domProdcutDetail()` onları `.TopList` içine aldığı an perde (parent visibility:hidden) ikisini birden gizliyordu, yani ilk boyada ürün adı görünmüyordu. Ölçüm (Chromium, 390/430): çıkarınca ad+puan görünür oluyor, renk/varyant/satın al perdede kalıyor, belge yüksekliği değişmiyor (CLS 0), galeri ve alt bar etkilenmiyor, mKart1 kartı kurunca dikey kayma 9 px. ===================================================*/ @media (max-width:600px){ #divIcerik.productDetailContainer:not(.lpu-mh) #divUrunEkSecenek, #divIcerik.productDetailContainer:not(.lpu-mh) #productDetailRelated, #divIcerik.productDetailContainer:not(.lpu-mh) #divTahminiTeslimatSuresi, #divIcerik.productDetailContainer:not(.lpu-mh) #divSatinAl{ visibility:hidden; -webkit-animation:lpuMhAc 0s linear 1.5s forwards;animation:lpuMhAc 0s linear 1.5s forwards;} @-webkit-keyframes lpuMhAc{to{visibility:visible;}} @keyframes lpuMhAc{to{visibility:visible;}} } /*===== 30 · ÜRÜN DETAY MOBİL TEMİZLİK ===== Yukarı çık oku ve alttaki Ticimax logosu ürün detayda gizli. ==========================================*/ @media (max-width:600px){ /* Tema her scroll olayında $('#back-to-top').fadeIn(200) çağırıyor; fadeIn ilk iş olarak elemanın INLINE style'ına display:block yazıyor (ölçüm: bizim yazımımızdan 2.8 ms sonra). Inline bildirimi seçici gücüyle yenmek mümkün değil; bu kuralın iş görebilmesi için tek yol !important. (Faz 2E: eskiden bu işi bölüm 30'daki 500 ms'lik kalıcı interval yapıyordu, o kaldırıldı.) */ body:has(#divIcerik.productDetailContainer) #back-to-top{display:none !important;} /* :has() desteklemeyen tarayıcılar için aynı kapsamın tema sınıfıyla yazılışı */ body.ProductBody #back-to-top{display:none !important;} body:has(#divIcerik.productDetailContainer) .mobilTicimaxLogo{display:none;} #divIcerik.productDetailContainer ~ * .mobilTicimaxLogo{display:none;} } /*===== 31 · FAVORİ GRUP LİSTESİ (yarım pencere içinde, ≤600px) ===== Kutu/kapatma/tutamak .lpu-yp'den gelir; burada yalnızca liste ve alan stilleri. ==================================================================*/ @media (max-width:600px){ /* tema kutusu mobilde hiç görünmesin: içerik yarım pencereye taşınıyor */ #urunFavoriV2{visibility:hidden;opacity:0;pointer-events:none;} .lpu-yp__ic:has(.lpu-fav){padding:5px 0 0;margin-bottom:35px;} .lpu-yp__ic .lpu-fav{padding:0;} .lpu-yp__ic .lpu-fav .detayFavoriListItem{position:relative; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; gap:12px;height:52px;margin:0;padding:0 16px;border:0;border-bottom:1px solid #F5F2EE; background:#FFF;font-size:14.5px;line-height:52px;color:#242424;} .lpu-yp__ic .lpu-fav .detayFavoriListItem button{position:absolute;right:16px;top:50%; -webkit-transform:translateY(-50%);transform:translateY(-50%); height:auto;margin:0;padding:0;border:0;background:none;color:#F27A1A; font-family:inherit;font-size:14px;font-weight:600;line-height:1;} .lpu-yp__ic .lpu-fav .divGrupOlusturContentBottom{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0;padding:14px 16px 0;} .lpu-yp__ic .lpu-fav .divGrupOlusturContentBottom input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; width:auto;min-width:0;box-sizing:border-box;height:46px;padding:0 14px; border:1px solid #EFEDEA;border-radius:4px;background:#FAFAFA; font-family:inherit;font-size:14px;color:#242424;outline:none;} .lpu-yp__ic .lpu-fav .divGrupOlusturContentBottom input:focus{border-color:#F27A1A;background:#FFF;} .lpu-yp__ic .lpu-fav .divGrupOlusturContentBottom button{-ms-flex:0 0 auto;flex:0 0 auto; width:auto;min-width:104px;height:46px;margin:0;padding:0 16px;border:0;border-radius:4px;background:#F27A1A; color:#FFF;font-family:inherit;font-size:14.5px;font-weight:600;line-height:46px;text-transform:none;} .lpu-yp__ic .lpu-fav .divGrupOlusturContentBottomError{margin:0;padding:8px 16px 0;font-size:12.5px;color:#C81016;} } /*===== 33 · MOBİL ÜRÜN KODU ROZETİ + GALERİ GÖSTERGESİ AYNI HATTA ===== JS (mUrunKod) .leftImage içine tek küçük rozet düğümü kurar: Ürün Kodu: 2426 Etiket ve kod ayrı boyut/ağırlıkta olduğu için tek ::after yetmiyor. Kod yoksa düğüm hiç durmaz (JS söküyor). HİZALAMA: galeri göstergesi (§4135) ürün detayda artık ORTADA değil SOLDA; rozet SAĞDA; ikisi de aynı alt çizgide (bottom:14px) ve aynı zemin dilinde. [ 1 / 5 ] [ Ürün Kodu: 2426 ] Zemin İKİSİNDE DE rgba(38,38,38,.35) — ayrı koyulaştırma yok. Radius farkı bilinçli: gösterge kapsül (40px), rozet daha az yuvarlak (7px). ==================================================================*/ @media (max-width:600px){ /* galeri göstergesi: merkezden sola */ body .productDetailContainer .leftImage #divMobileImageList .owl-dots{ left:10px;right:auto;bottom:14px; -webkit-transform:none;transform:none;} body div.productDetailContainer div.leftImage{position:relative;} body div.productDetailContainer div.leftImage .lpu-ukod{ position:absolute;right:10px;left:auto;bottom:14px;z-index:3; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline; max-width:calc(100% - 130px);padding:2px 10px;box-sizing:border-box; border-radius:7px;background:rgba(38,38,38,.35); font-family:'Source Sans 3',sans-serif;white-space:nowrap;overflow:hidden; pointer-events:none;} body div.productDetailContainer div.leftImage .lpu-ukod__e{ -ms-flex:0 0 auto;flex:0 0 auto;margin-right:5px; font-size:11px;font-weight:500;line-height:14px;letter-spacing:.2px; color:rgba(255,255,255,.88);text-transform:none;} body div.productDetailContainer div.leftImage .lpu-ukod__d{ -ms-flex:0 1 auto;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis; font-size:13px;font-weight:600;line-height:14px;letter-spacing:.2px; color:#FFF;text-transform:none;} } /*===== 34 · MOBİL SİPARİŞ KARTI — WhatsApp / Telefon ===== Blok SAYFA KAYNAĞINDAN geliyor (.lpu-ps, Özel Alan HTML). Yeniden yazılmadı: burada yalnız mobil görünümü verilir; JS tarafında sadece yerleşim + tek açıklama satırı (.lpu-ps__not) var. wa.me href'i ve TelefonlaSiparisGoster() onclick'i native hâliyle korunur. YERLEŞİM: diğer mobil bloklarımızla (.lpu-gr) aynı kap dili — tam genişlik, yan boşluk YOK, radius YOK, altta ince ayraç. Sıra CSS `order` ile: .lpu-blok(4) → SİPARİŞ KARTI(5) → .lpu-tl(6) yani değerlendirme/soru bloğunun altında, "Alışveriş Bilgileri"nin üstünde. (Önceki sürümde order verilmediği için varsayılan 0 ile en başa düşüyordu.) İçerik ortalanır. ==================================================================*/ @media (max-width:600px){ body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps, body div#divIcerik.productDetailContainer div.lpu-ps{ display:block;box-sizing:border-box; -ms-flex-order:5;order:5; width:100%;margin:0 0 10px;padding:16px 14px 18px; background:#FFF;border:0;border-bottom:1px solid #EDEAE6;border-radius:0; text-align:center; -ms-flex-wrap:nowrap;flex-wrap:nowrap;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__kod{ width:auto;margin:0 0 8px;line-height:1.15;text-align:center;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__kod b{ display:block;margin:0 0 3px; font-size:12px;font-weight:500;line-height:16px;letter-spacing:.3px; text-transform:uppercase;color:#8A8A8A;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__kod span{ display:block; font-size:21px;font-weight:700;line-height:26px;letter-spacing:.2px;color:#242424;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__not{ max-width:320px;margin:0 auto 14px;padding:0; font-size:12px;font-weight:400;line-height:17px;color:#6B6B6B;text-align:center;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps .lpu-ps__btn{ display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; gap:8px;width:100%;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b{ -webkit-box-flex:1;-ms-flex:1 1 140px;flex:1 1 140px;min-width:0;margin:0; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; height:42px;padding:0 10px;box-sizing:border-box; border:1px solid #E8E5E0;border-radius:8px;background:#FAFAFA; font-size:12.5px;font-weight:600;line-height:16px;color:#242424;text-align:center;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b i{ margin-right:6px;font-size:15px;line-height:1;font-style:normal;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.wp i{color:#3EA94B;} body div#divIcerik.productDetailContainer div.RightDetail div.lpu-ps a.lpu-ps__b.tel i{color:#D94B4B;} } /* ================= La Pablo — ÜRÜN DETAY CSS (v5) bitiş ================= */