@import url('fonticon/fontawesomeall.min.css');
@import url('bootstrap.css');
/* BIRLESIK FIX: Montserrat eskiden 18 varyant (100-900 + tum italikler)
   olarak isteniyordu. Bu CSS'te gercekte kullanilan agirliklar: 300, 400,
   500, 600, 700, 800 - italik hic kullanilmiyor.
   Olculdu: 34.092 byte / 90 @font-face  ->  11.322 byte / 30 @font-face */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
:root {--theme-color: #1a9d85; }

/* =========================================================
   V8.1 - GLOBAL FOUC / HIZLANDIRILMIS ACILIS KORUMASI
   2026-09-18

   V8'deki ham Ticimax arayuz flash korumasi korunur; ancak sayfadan
   ayrilirken beyaz ekran acan boUiLeaving akisi kaldirilmistir.
   Yeni sayfa acilisinda koruma, boUiReady JS tarafindan eklenene kadar
   calisir. 3 saniyelik CSS failsafe aynen korunur.
   ========================================================= */
html:not(.boUiReady) body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    display: block;
    background: #ffffff;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    animation: boUiBootFailsafe 0s 3s forwards;
}

html:not(.boUiReady) body::after {
    content: '';
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: 0;
    width: 32%;
    height: 2px;
    background: var(--theme-color);
    opacity: 0;
    pointer-events: none;
    animation:
        boUiBootLine .85s .12s ease-in-out infinite alternate,
        boUiBootLineShow 0s .12s forwards,
        boUiBootFailsafe 0s 3s forwards;
}

@keyframes boUiBootLineShow { to { opacity: .75; } }
@keyframes boUiBootLine {
    from { transform: translateX(-115%); }
    to   { transform: translateX(315%); }
}
@keyframes boUiBootFailsafe {
    to { opacity: 0; visibility: hidden; pointer-events: none; }
}

@media (prefers-reduced-motion: reduce) {
    html:not(.boUiReady) body::after {
        animation: boUiBootLineShow 0s .12s forwards,
                   boUiBootFailsafe 0s 3s forwards;
    }
}

@media print {
    html:not(.boUiReady) body::before,
    html:not(.boUiReady) body::after { display: none !important; }
}

/*Reset*/
html {max-width: 1920px;margin: 0 auto; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;  }
*{-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;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
body {font-family: 'Montserrat',sans-serif;background: #ffffff; margin: 0; padding: 0;font-size:0.8rem; }
label input { margin-right: 5px; }
img { border: none; max-width: 100%; }
i{font-style: normal;}
.hesabimBolumuTutucu i{vertical-align: middle;}
a { text-decoration: none;color: #000;transition:background .1s ease-in-out;}
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal;}
input[type="text"] { border: solid 1px #a9a9a9; padding: 0 5px; height: 26px; color: #777777; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #333; }
input[type="password"] { border: solid 1px #a9a9a9; padding: 4px; text-indent: 5px; color: #777777; }
input[type="submit"] { border: none; cursor: pointer; }
select, input { font-family: 'Montserrat', sans-serif !important; }
button { -moz-appearance: none;-webkit-appearance: none;}
.button{cursor: pointer;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
.sepetimBody .fa {font-family: FontAwesome; }
/*Fadein Css*/
@media(min-width:768px) {
    @keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-moz-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @-o-keyframes fadein {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    .mobilaf {  -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .hoverr:before {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }
    .tooltip {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s; }

}
  
  
 /*Ustbar*/


  /*UstBarSon*/
  
  
/*Fadein Css*/
.fa-facebook-f:before {content: "\f39e"!important;}
.fa-whatsapp:before {content: "\f232"!important;}
/*Reset*/
/* ============ ol,ul reset ============ */
.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, .blogCenter ol{padding: revert; margin: revert;}
.blogRight ul{margin: 0;padding: 0;list-style: none;}
.navigation .navUl  ul{padding:0;margin:0;list-style: none;}
#footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
#footer .store ul{padding: 0;margin: 0;list-style: none;}
#footer .linkler .blink ul{padding: 0;margin: 0;list-style: none;}
.category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
.category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
.TopDet .product_social_icon_wrapper ul{list-style: none;padding: 0;margin: 0;}
.tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
.sepetimBody ul{padding: 0;margin: 0;list-style: none;}
body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;}
.mobilMenu ul{list-style: none;padding: 0;margin: 0;}
.bottomHead ul{margin: 0;list-style: none;padding: 0;}
.breadList ul{list-style: none;padding: 0;margin: 0;}
.urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
.CartProduct ul {list-style: none; padding: 0; margin: 0; }
.welcome ul {margin: 0;list-style:none;padding: 0;}
.brandlistselection ul {padding: 0;margin: 0;list-style: none;}
.TopDet #IlgiliUrunDiv ul { padding: 0;margin: 0;list-style: none;}
.urunOzellik .urunTab ul {padding: 0;margin: 0;list-style: none;}
#pnlSlider ul {list-style: none;padding: 0;margin: 0;}
.mBread ul {list-style: none;padding: 0;margin: 0;}
.categorydesign ul,.categorydesign ol{padding: revert;margin: revert;}
.GuvenList ul{list-style: none;}
.htop .htopleft ul {list-style: none; padding: 0; margin: 0; }
.htop .htopright ul {padding: 0; list-style: none; margin: 0; }
.Footer .FooterMiddle .ticiContainer>ul {list-style: none; margin: 0; padding: 0; }
.Footer .FooterMiddle ul li ul {list-style: none;padding: 0;margin:0;}
/* ============ */
.BasketDetailComplate .BasketDetailRight{float: left;width: 100%;}
/* ------------------------------------Container--------------------------------------------*/
.headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{ max-width: 1320px; margin: 0 auto;position: relative; clear: both; display: block; }


.sliderBannerContainer .ProductList{max-width:1320px;}
.detaySliderContainer .ProductList{max-width:1320px;}
.homeContainer .ProductListContent .ProductList{max-width:1320px;}
.markaSlider .jCarouselLite{max-width:1320px;}


.headerContent{text-align:center;}


.ticiContainer.homeContainer {max-width: 100%;}
.ticiContainer.pageContainer {padding-top: 20px;}
ul.breadcrumb{clear: none;}


.leftBlock { float: left;padding: 0;}
.rightBlock { float: right;padding: 0;}
.centerCount { float: left;padding: 0;}
.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: 25%;padding-right:20px;}
.rightBlock  {float: right;width: 25%;padding-left:20px;}
.centerCount {float: left;width: 100%;padding: 0;}
/*SolveOrta*/
.leftBlock.LeftMiddle    { width: 276px;margin-bottom: 30px;padding-right: 96px;}
.centerCount.LeftMiddle  { width: calc(100% - 276px);}
.rightBlock.MiddleRight  { width: 276px;}
.centerCount.MiddleRight { width: calc(100% - 276px);}
/*SolveOrta*/
/*SolOrtaSag*/
/*SolOrtaSag*/
/*OrtaSag*/
/*OrtaSag*/
.ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
.ticiContainer:after { clear: both; }
.ticiContainer { clear: both; zoom: 1; }
.headerContent:after, .headerContent:before { content: ""; display: table; clear: both; }

#back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;}
#back-to-top a { float: left; text-align: center;width:40px;height: 40px;background: #fff;border-radius: 100%;}
#back-to-top a:after{content: '\f077'; font-family: 'FontAwesomePro';color: #000;font-size: 16px;line-height: 40px;}

/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
.taksitBlok { width: 50%; height: auto; float: left; line-height: 20px; }
.taksitBaslik { width: 100%; height: 21px; text-align: center; }
.taksitBaslik img { display: none; }
.taksitLine { width: 101%; }
.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }
.taksitLine .tak.Taksit { background-color: #ededed; width: 19%; }
.taksitBaslik1 { background: url(/Uploads/BankaLogo/1.png) center center no-repeat #7cc242; }
.taksitBaslik2 { background: url(/Uploads/BankaLogo/2.png) center center no-repeat #fdbf57; }
.taksitBaslik3 { background: url(/Uploads/BankaLogo/3.png) center center no-repeat #6950a2; }
.taksitBaslik4 { background: url(/Uploads/BankaLogo/4.png) center center no-repeat #e01d6e; }
.taksitBaslik5 { background: url(/Uploads/BankaLogo/5.png) center center no-repeat #ed1c24; }
.taksitBaslik6 { background: url(/Uploads/BankaLogo/6.png) center center no-repeat #00a6d4; }
.taksitBaslik7 { background: url(/Uploads/BankaLogo/7.png) center center no-repeat #ee3623; }
.taksitBaslik8 { background: url(/Uploads/BankaLogo/8.png) center center no-repeat #00aedb; }
.taksitBaslik9 { background: url(/Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3; }
.taksitBaslik10 { background: url(/Uploads/BankaLogo/10.png) center center no-repeat #2e3192; }
.taksitBaslik11 { background: url(/Uploads/BankaLogo/11.png) center center no-repeat #056bb6; }
.taksitBaslik12 { background: url(/Uploads/BankaLogo/12.png) center center no-repeat #221f1f; }
.taksitBaslik13 { background: url(/Uploads/BankaLogo/13.png) center center no-repeat #0053a0; }
.taksitBaslik14 { background: url(/Uploads/BankaLogo/14.png) center center no-repeat #ffdf00; }
.taksitBaslik15 { background: url(/Uploads/BankaLogo/15.png) center center no-repeat #024d39; }
.taksitBaslik16 { background: url(/Uploads/BankaLogo/16.png) center center no-repeat #8c1639; }
.taksitBaslik17 { background: url(/Uploads/BankaLogo/17.png) center center no-repeat #e9690e; }
.taksitBaslik18 { background: url(/Uploads/BankaLogo/18.png) center center no-repeat #e8ce00; }
.taksitBaslik19 { background: url(/Uploads/BankaLogo/19.png) center center no-repeat #ffffff; }
.TakRenk1 { background-color: #edf4e6; }
.TakRenk2 { background-color: #f1e7f3; }
.TakRenk3 { background-color: #f5f9d9; }
.TakRenk4 { background-color: #eeafa2; }
.TakRenk5 { background-color: #b5d0df; }
.TakRenk6 { background-color: #e4e9f4; }
.TakRenk7 { background-color: #edf4e6; }
.TakRenk8 { background-color: #f1e7f3; }
.TakRenk9 { background-color: #f5f9d9; }
.TakRenk10 { background-color: #eeafa2; }
.TakRenk11 { background-color: #b5d0df; }
.TakRenk12 { background-color: #e4e9f4; }
.TakRenk13 { background-color: #edf4e6; }
.TakRenk14 { background-color: #f1e7f3; }
.TakRenk15 { background-color: #f5f9d9; }
.TakRenk16 { background-color: #eeafa2; }
.TakRenk17 { background-color: #b5d0df; }
.TakRenk18 { background-color: #e4e9f4; }
.TakRenk19 { background-color: #edf4e6; }
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
/*------------------------------------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;color: #000;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: #000;font-size: 14px;line-height: 20px;}
.iletisimContent .iletisimLeft .Right:before{color: #000;font-size: 20px;font-family: 'FontAwesomePro';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: #000;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 #000;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: 14px;color: #000;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;padding: 0 10px;width: 100%;}
.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: #000;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;width: 100%;}
.iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;width: 100%;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;}
.iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;background: #000; height: 55px;font-size: 16px;color: #fff;font-weight: normal;text-transform:uppercase;float: left;width: 100%;}
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk{left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background-color: #ff0d0d;border-radius: 2px;}
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta{left: 0;right: 0;bottom: 0;top: auto; display: block;border-radius: 2px;}
/*------------------------------------iletisim--------------------------------------------*/
/*******************************************UYELIK********************************/
/*------------------------------------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 { line-height: normal; 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; }
.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 .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv{float: left;width: 100%;}
.userContainer .userMail label,
.userContainer .userSms label,
.userContainer .userSozlesmeDiv label{width: 93%;float: right;}
.userContainer #chkSozlesme+label {width: 93%;float: right;}
/*------------------------------------uye Ol--------------------------------------------*/
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum { width: 100%; margin: 30px 0; padding-left: 50px; float: left; }
.SifremiUnuttum p { line-height: 25px; }
.SifremiUnuttum #mainHolder_txtbxMail { width: 80%; height: 40px; float: left; line-height: 40px; padding: 0 20px; }
.SifremiUnuttum .button { padding: 0 10px; float: right; width: 20%; height: 40px; }
.SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; }
.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }
.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }
.SifremiUnuttumInput .validateSol  .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }
.SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; width: 400px; position: relative; margin: 0 auto; }
.SifremiUnuttum .line .Left { width: 30%; float: left; }
.SifremiUnuttum .line .Center { width: 4%; float: left; }
.SifremiUnuttum .line .Right { width: 66%; float: left; }
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
/* ------------------------------------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: 'FontAwesomePro';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; }
/*------------------------------------uye Giris Popup--------------------------------------------*/
.popupBox { width: 80% !important; }
.popupBox input[type="password"], .popupBox input[type="text"] { width: 100% !important; padding: 0 10px !important; margin-bottom: 7px !important; height: 40px !important; border: 1px solid #e7e7e7 !important; }
.popupBox input[type="password"]:focus, .popupBox input[type="text"]:focus { border-color: #000 !important; }
.popupBox input[type="checkbox"] { margin: 3px 10px 0 0 !important; }
.popupBox input[type="radio"] { margin: 3px 10px 0 0 !important; float: left; }
.userloginF1 { border: none !important; }
.errBoxRegister { overflow: hidden; }
.uyePopupContent .button { padding: 10px !important; }
.uyePopupCinsiyet { margin: 10px 0 !important; }
.uyePopupCinsiyet tr td { padding-right: 10px !important; }
.popupLogo { margin-bottom: 10px; }
/*------------------------------------uye Giris Popup--------------------------------------------*/
/*******************************************UYELIK********************************/
/* ------------------------------------Container--------------------------------------------*/
/*Header*/
#logo .htop{display: none;}
#logo .hfav{display: none;}
.htop .htopright{float: right;}
.htop .htopleft ul li:last-child,.htop .htopright ul li:last-child{margin-right: 0;padding-right: 0}
.htop .htopleft ul li:last-child:after,.htop .htopright ul li:last-child:after{display: none;}

/* BIRLESIK FIX: .htop iki ayri yerde tanimliydi; ilki (background: #1a9d85)
   zaten ikincisi tarafindan eziliyordu. Tek kurala birlestirildi, renk
   sabit yazim yerine var(--theme-color) ile alindi ve yorum satirina
   alinmis olu kurallar temizlendi. */
.htop {
  background-color: var(--theme-color);
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.htop .htopleft {
  width: 100%;
}

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

.htop .htopleft ul li {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  font-family: 'Segoe UI', sans-serif;
  line-height: 1.2;
  text-align: center;
}


#lang_flag_container{right: 295px;top: -40px!important;z-index: 99999!important;}
#lang_flag_container #langHover.white{background: transparent!important;}
#lang_flag_container #lang{font-size: 12px!important;color: #000000!important;background: transparent;padding: 0!important;}
#lang_flag_container #lang:after{content: '-';font-size: 12px;color: #000;margin: 0 25px;}

#header {width: 100%;position: relative;float: left;z-index:1000;background: #fff;}

#logo{display: inline-block; vertical-align: top; float: left;}
#logo .logo {display: inline-block; padding: 32px 0 30px; vertical-align: middle; }
#logo .logo img { display: block; max-width: 100%; }

.searchContent {width: 451px;position: relative;margin-top: 28px;display: inline-block;vertical-align:top;}
.searchContent.active {display:block;}
#divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
#divAramaKategori select {cursor: pointer; background: #f5f5f5;display: block; height: 36px;border: none;border-right: 1px solid #dcdcdc; width: 135px; padding:0 0 0 15px; border-radius:0;text-transform: uppercase; color: #807e7e; font-size: 12px;font-weight: 300; }
#divAramaKategori option {text-transform: capitalize;}
.search {float: left;width: 100%;position: relative;z-index: 9999;}
.ButtonMic {display: none !important;position: absolute;right: 75px;top: 1px;padding: 0;border: none;border-radius: 0;background: transparent;color: #795f52;font-size: 14px;width: 20px;height: 40px;}
#txtbxArama { float: left; width: 100%; height: 45px; border-radius: 4px; border: 1px solid #dcdcdc; color: #9a9a9a; padding-left: 10px; padding-right: 80px; background: #fff; font-size: 13px; font-weight: normal; letter-spacing: 0; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#txtbxArama::-webkit-input-placeholder { color: #9a9a9a; }
#txtbxArama:-moz-placeholder { color: #9a9a9a; }
#txtbxArama::-moz-placeholder { color: #9a9a9a; }
#txtbxArama:-ms-input-placeholder { color: #9a9a9a; }
#txtbxArama:focus { color: #9a9a9a; }
#btnKelimeAra {background:var(--theme-color); width: 60px; line-height: 25px; font-size: 12px; color: #fff; font-weight: 500; text-align: center; text-transform: uppercase; position: absolute; right: 10px; top: 10px; border: none; border-radius: 4px; padding: 0; cursor: pointer; z-index: 9; -moz-appearance: none; -webkit-appearance: none;}
.searchContent ul{padding: 15px!important;text-align: left;max-height: 400px;overflow-y:auto;overflow-x:hidden;}
.searchContent ul li {float:left;width: 100%;}
.searchContent ul li a{line-height: 30px;font-size:13px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;float: left;}


.hfav {float: right;z-index: 99;position: relative;margin-top: 25px;}
.hfav > a {color: #000;font-size: 13px;font-weight: 500;}
.hfav > a > i{display:block;margin:0 auto 10px;text-align:center;color: #000; font-size: 24px; font-weight: 300;}

#instaStories{float: right;width: auto;margin-top: 30px;}
#instaStories.stories.carousel .story{display: inline-block; width: 46px; max-width: 90px; margin: 0; vertical-align: top;}
#instaStories.stories.carousel .story>.item-link>.item-preview{border-radius: 100%; font-size: 0; max-height: 90px; height: 45px; overflow: hidden; transition: transform .2s; display: block; padding: 2px; background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
#instaStories.stories.carousel .story > .item-link > .item-preview img{display: block; box-sizing: border-box; height: 100%; width: 100%; object-fit: cover; border: 0 !important; border-radius: 100%;}
#instaStories.stories.carousel .story > .item-link > .info{display: none;}
@media(max-width:767px) {
    body #header .stories.carousel{margin: 0;position: absolute;right: 87px;top: 13px;}
    body #header .stories.carousel .story { width: 30px; max-width: 30px; }
    body #header .stories.carousel .story > .item-link > .item-preview { max-height: 30px; height: 30px;}
}

.welcome {float: right;z-index: 99;position: relative;margin: 25px 39px 0;}
.welcome > div {float:left;text-align:center;}
.welcome > ul {float:left;text-align:center;}
.uyeGirisWelcome,.uyeGirisUyeAdi{display: none;}
.headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {display: block; color: #000;font-size: 13px;font-weight: 500;}
.headerUyeOl a:before, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before{font-family: 'FontAwesomePro';font-size:24px;font-weight:300;display:block;margin:0 auto 10px;color: #000;}
.headerUyeGiris a:before{content: '\f406';}
.headerHesabim:before{content: '\f406';}

.welcome li {display: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:500;padding:0;}
.headerSocialConnect .baglanButton a:before {display: none; content: '\f290'; font-family: 'FontAwesomeProBrands'; margin-right: 10px; font-size: 12px;line-height: 43px;vertical-align:top;font-weight: normal;}
.usernav { display: none; }

.mycart{float: right;z-index:9999;position: relative;margin-top: 25px;}
.mycart > a {display: block;color: #000;font-size: 13px;float: left;}
.mycart > a:before {content: '\f290';font-family: 'FontAwesomePro';font-weight: 300;font-size: 24px;color: #000;display:block;margin:0px auto 10px;text-align: center;}

.mycart .sepetTecxt {display:block;float: left;font-weight: 500;}
.mycart .sepetUrunSayisi {display:none;}
.mycart .sepetUrun { display:none;}
.sepetTopTutar { display: none!important;}

.CartProduct {display: block!important;width: 230px;background: #fff;float: left;padding: 10px 20px 20px;z-index: 99999;position: absolute;top: 129%;right: -1px;margin-left: -150px;opacity: 0;visibility: hidden;box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.25);-webkit-transform: translateY(30px);-moz-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.CartProduct:before {content: '';height: 15px;position: absolute;left: 0;right: 0;top: -15px;}
.CartProduct .SPrice { float: left; height: 30px; background:#000; width: 100%; text-align:center;margin-top: 14px;}
.CartProduct.more .SPrice {display: block;}
.CartProduct .SPrice * {color: #fff;font-size: 12px;line-height: 30px;text-transform: uppercase;}
.CartProduct .SPrice .sepetToplamTutar {color: #fff;}
.CartProduct .SProduct {max-height: 300px; float: left;width: 100%; display: table; overflow: hidden; text-align: center; font-weight: 300; font-size: 12px; color: #000000; overflow-y: auto;padding:0;}
.CartProduct .SProduct li {display: block;padding: 20px 0 13px 0;border-bottom: 1px solid #ebebeb;position: relative;}
.CartProduct .SProduct li:last-child{border: none;}
.CartProduct .SProduct li:after { clear: both; display: table; content: ""; }
.CartProduct .SProduct li a { float: left; display: inline-block; width: 100%; }
.CartProduct .SProduct li a .SepettopAd span:last-child{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 100%;}
.CartProduct .SProduct li a .SepettopAd span:first-child{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 100%;}
.CartProduct .SProduct li a .sepetTopFiyat {white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 81px;}
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; width: auto !important; }
.CartProduct .SProduct li a:nth-child(2):hover * { color: #ff0000; }
.CartProduct .SProduct li a * { display: inline-block !important; vertical-align: top !important;float: left; color: #000; font-weight: 400; font-size: 11px; line-height: 25px; text-align: left;}
.CartProduct .SProduct li a .SepettopAd{width: calc(100% - 60px);text-transform: uppercase;min-height: 50px;}
.CartProduct .SProduct li a .sepetTopBirimFiyat { display: none!important;}
.CartProduct .SProduct li a .fa-times {font-family: 'FontAwesomePro';font-size: 16px;}
.CartProduct .SProduct li a .fa-times:before {content: '\f00d';}
.CartProduct .SProduct li a .SepetTopAdet{color: #717171;float: none;}
.CartProduct .SProduct li a .sepetTopFiyat { white-space: nowrap; color: #000; font-weight: 600; float: right;font-size: 15px; }
.CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; }
.CartProduct .SProduct li a img {float: left;margin-right: 10px;height: auto!important;width: 50px;}
.CartProduct .button{margin: 5px 5px 0!important; float: left; width:calc(50% - 10px); font-size: 13px !important;line-height: 22px;border-radius: 5px; }
.CartProduct .headerCartBtn {line-height: 20px;border: 1px solid #ddd;background: transparent;color: #000;}
.more .headerCartBtn{display: block!important;}
.more .headerOrderBtn{display: block!important;}
.CartProduct .divustSepetteUrunYok{margin: 15px 0;}
.CartProduct .divustSepetteUrunYok:before{width: 40px;height: 40px;border-radius: 100%;background: var(--theme-color);content: '\f07a';font-size: 18px;color: #fff;display: block;text-align: center;line-height: 40px;margin: 0 auto;font-family: 'FontAwesomePro';font-weight: 300;margin-bottom: 10px;}
.CartProduct .divustSepetteUrunYok span.spanustSepetteUrunYok{font-size: 10px;}
@media(min-width: 768px){
    .mycart:hover .CartProduct {visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
}
.sepetimBody .AllCategory { display: none; }
.sepetimBody .linkRebatedProducts { margin-left: 0; }
.yanResimliMenu{display: none;}


/* =========================================================
   BEBEGIM OLACAK - FLOATING PREMIUM ADAPTIVE MEGA MENU
   SADECE masaustu ana kategori / mega menu alanini etkiler.
   Header, arama, hesap, favoriler, sepet ve mobil menu yapisi
   bu blok tarafindan degistirilmez.
   ========================================================= */
.navigation {
    float: left;
    width: 100%;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #e8ece9;
}
.navigation > div {
    z-index: 1;
    text-align: center;
    padding: 0!important;
}
.navigation .navUl {
    display: inline-block;
    font-size: 0;
    padding: 0;
}
.navigation .navUl > li {
    display: inline-block;
    vertical-align: middle;
}
.navigation .navUl > li > a {
    position: relative;
    display: block;
    font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
    font-size: 14px;
    color: #1d2924;
    padding: 0 34px;
    line-height: 58px;
    font-weight: 500;
    letter-spacing: -0.08px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    transition: color .16s ease, background-color .16s ease;
}
.navigation .navUl > li > a:hover {
    color: #0e735e;
}

/* Alt menusu olan ana basliklarda metin-ok araligi bilincli olarak daha genistir. */
.navigation .navUl > li.ulVar > a {
    padding-left: 29px;
    padding-right: 49px;
}

/* Font ikonuna bagli olmayan ince CSS chevron. */
.navigation .navUl > li.ulVar > a:before {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.25px solid #98a49e;
    border-bottom: 1.25px solid #98a49e;
    transform: translateY(-72%) rotate(45deg);
    transform-origin: 50% 50%;
    transition: transform .16s ease, border-color .16s ease;
}
.navigation .navUl > li.ulVar > a:after {
    content: '';
    position: absolute;
    left: 29%;
    right: 29%;
    bottom: 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--theme-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .16s ease;
}
.navigation .navUl > li.ulVar:hover > a,
.navigation .navUl > li.ulVar:focus-within > a {
    color: #0e735e;
    background: #f4f9f6;
    border-radius: 7px 7px 0 0;
}
.navigation .navUl > li.ulVar:hover > a:before,
.navigation .navUl > li.ulVar:focus-within > a:before {
    border-color: #0e735e;
    transform: translateY(-20%) rotate(-135deg);
}
.navigation .navUl > li.ulVar:hover > a:after,
.navigation .navUl > li.ulVar:focus-within > a:after {
    transform: scaleX(1);
}

/* Floating Premium panel: genislik ve kolon sayisi JS ile icerige gore atanir. */
.navigation .navUl > li > .Flexscroll {
    --bo-mega-cols: 3;
    --bo-mega-width: 760px;
    --bo-mega-left: 0px;
    position: absolute;
    top: 100%;
    left: var(--bo-mega-left);
    right: auto;
    width: var(--bo-mega-width);
    max-width: 100%;
    max-height: min(520px, calc(100vh - 180px));
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    padding: 0;
    text-align: left;
    background: #fff;
    border: 1px solid #dfe8e2;
    border-top: 2px solid #5b9f87;
    border-radius: 0 0 11px 11px;
    box-shadow: 0 22px 48px -24px rgba(20, 59, 46, .46);
    scrollbar-width: thin;
    scrollbar-color: #cbd8d1 transparent;
    animation: boMegaMenuIn .14s ease-out both;
}
.navigation .navUl > li > .Flexscroll::-webkit-scrollbar {
    width: 5px;
}
.navigation .navUl > li > .Flexscroll::-webkit-scrollbar-track {
    background: transparent;
}
.navigation .navUl > li > .Flexscroll::-webkit-scrollbar-thumb {
    background: #cbd8d1;
    border-radius: 6px;
}
.navigation .navUl > li:hover > .Flexscroll,
.navigation .navUl > li:focus-within > .Flexscroll {
    display: block;
}
@keyframes boMegaMenuIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Karma icerik: kolonlar sabit degil, JS tarafindan 1-4 arasi belirlenir. */
.navigation .navUl > li .Flexscroll > ul {
    -webkit-column-count: var(--bo-mega-cols);
    -moz-column-count: var(--bo-mega-cols);
    column-count: var(--bo-mega-cols);
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    padding: 28px 30px 29px;
    margin: 0;
}
.navigation .navUl > li .Flexscroll > ul > li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 22px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/* Alt kategorisi olan grup basligi */
.navigation .navUl > li .Flexscroll > ul > li.boMegaHasChildren > a {
    position: relative;
    display: block;
    margin: 0 0 10px;
    padding: 0;
    color: #2d4b3f;
    font-size: 12.75px;
    line-height: 19px;
    font-weight: 600;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaHasChildren > a:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 1px;
    margin: 0 8px 4px 0;
    background: #7baa98;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaHasChildren > a:hover {
    color: #0e735e;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaHasChildren > ul {
    float: none;
    width: 100%;
    max-height: none;
    overflow: visible;
    margin: 0;
    padding: 0;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaHasChildren > ul > li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaHasChildren > ul > li > a {
    display: block;
    margin: 0 0 1px -7px;
    padding: 5px 7px;
    border-radius: 4px;
    color: #748078;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    transition: color .14s ease, background-color .14s ease;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaHasChildren > ul > li > a:hover {
    color: #0e735e;
    background: #f5faf7;
}

/* Alt kategorisi olmayan baslik: bos liste/kolon yerine kompakt tek link. */
.navigation .navUl > li .Flexscroll > ul > li.boMegaLeaf {
    margin-bottom: 0;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaLeaf > a {
    position: relative;
    display: block;
    padding: 9px 18px 9px 0;
    border-bottom: 1px solid #eef2ef;
    color: #334b40;
    font-size: 12.5px;
    line-height: 18px;
    font-weight: 500;
    transition: color .14s ease, border-color .14s ease;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaLeaf > a:after {
    content: '';
    position: absolute;
    right: 3px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #a5b1aa;
    border-right: 1px solid #a5b1aa;
    transform: translateY(-50%) rotate(45deg);
    transition: border-color .14s ease, transform .14s ease;
}

.navigation .navUl > li .Flexscroll > ul > li.boMegaLeaf > a:hover {
    color: #0e735e;
    border-bottom-color: #dce8e1;
}
.navigation .navUl > li .Flexscroll > ul > li.boMegaLeaf > a:hover:after {
    border-color: #0e735e;
    transform: translate(2px, -50%) rotate(45deg);
}

/* Ornegin Markalar gibi tum ogelerin direkt link oldugu paneller. */
.navigation .navUl > li > .Flexscroll.boMegaAllLeaves > ul {
    -webkit-column-count: initial;
    -moz-column-count: initial;
    column-count: initial;
    display: grid;
    grid-template-columns: repeat(var(--bo-mega-cols), minmax(120px, 1fr));
    gap: 0 28px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.navigation .navUl > li > .Flexscroll.boMegaAllLeaves > ul > li.boMegaLeaf {
    display: block;
    width: auto;
    margin: 0;
}
.navigation .navUl > li > .Flexscroll.boMegaAllLeaves > ul > li.boMegaLeaf > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* JS gec yuklenirse mevcut menu tamamen stilsiz kalmasin diye guvenli fallback. */
.navigation .navUl > li .Flexscroll > ul > li:not(.boMegaHasChildren):not(.boMegaLeaf) > a {
    display: block;
    color: #2d4b3f;
    font-size: 12.75px;
    line-height: 19px;
    font-weight: 600;
}
.navigation .navUl > li .Flexscroll > ul > li:not(.boMegaHasChildren):not(.boMegaLeaf) > ul li a {
    color: #748078;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

@media (prefers-reduced-motion: reduce) {
    .navigation .navUl > li > .Flexscroll,
    .navigation .navUl > li > a,
    .navigation .navUl > li > a:before,
    .navigation .navUl > li > a:after {
        animation: none;
        transition: none;
    }
}
/*Header*/

/*Footer*/
.Glist{float: left;width: 100%;margin: 55px 0 60px;}
.Glist ul{margin: 0 -15px;list-style: none;padding: 0;}
.Glist ul li{float: left; width: 25%;padding: 0 15px;}
.Glist ul li .Gblok{background: #f3f3f3;float: left;width: 100%;padding: 30px 25px;}
.Glist ul li .Gblok .Gicon{float: left;min-width: 65px;}
.Glist ul li .Gblok .Gicon i{font-size: 36px;color: #7d7d7d;line-height: 80px;}
.Glist ul li .Gblok .Gtext{float: left;width: calc(100% - 65px);}
.Glist ul li .Gblok .Gtext strong{display: block;font-size: 14px;font-weight: 700;color: #7d7d7d;line-height: 20px;}
.Glist ul li .Gblok .Gtext p{display: block;font-size: 13px;font-weight: 400;color: #7d7d7d;line-height: 20px;}
.Glist ul li:hover .Gblok{background: var(--theme-color);}
.Glist ul li:hover .Gicon i{color: #fff;}
.Glist ul li:hover .Gtext strong{color: #fff;}
.Glist ul li:hover .Gtext p{color: #fff;}

.Footer{float: left;width: 100%;background: #248474;}
.Footer .FooterTop{float: left;width: 100%;padding:62px 0 52px; }
.Footer .FooterTop strong{display: inline-block;text-align: center;font-size: 24px;color: #fff;letter-spacing: 1px;width: 100%;font-weight: 500;line-height: 30px}
.Footer .FooterTop span{display: inline-block;text-align: center;font-size: 13px;color: #fff;letter-spacing: 0.25px;width: 100%;line-height: 25px;}
.Footer .FooterTop{float: left;width: 100%;}

.ebultenDiv {position: relative;width: 560px;text-align: center;display: block;margin: 0 auto;}
.ebultenGelecek {display: block;width: 100%;float: left;margin-top: 35px;}
#divNewsLetter {float: left;width: 100%;position: relative;}
#divNewsLetter label {display: none;}
#UpdatePanel1 {position: relative; float: right;width: 100%;}
#txtbxNewsletterMail {display: inline-block;color: #000000; background:#fff; border-radius:0;border:none;width: 100%; height: 50px;padding:0 80px 0 10px; font-size: 12px;text-align:left;font-weight: normal; opacity: 1;}
#txtbxNewsletterMail::-webkit-input-placeholder {color: #000000;}
#txtbxNewsletterMail:-moz-placeholder {color: #000000;}
#txtbxNewsletterMail::-moz-placeholder {color: #000000;}
#txtbxNewsletterMail:-ms-input-placeholder {color: #000000;}
#txtbxNewsletterMail:focus {color: #000000;}
.newsbutton {display: inline-block;position: absolute;right:0;top:0;text-align:center;text-transform: uppercase; width: 80px!important;height: 50px;line-height:50px;color: #000!important;border:none;border-radius:0; background:transparent!important;font-weight: 600;font-size:13px!important; padding: 0;margin: 0!important;text-decoration: none;}
.ebultenGelecek #divNewsLetter {display: block;padding: 0;}

.Footer .FooterMiddle{float: left;width: 100%;margin-top: 50px;}
.Footer .FooterMiddle .ticiContainer > ul{    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between;}
.Footer .FooterMiddle ul li{line-height: 30px;}
.Footer .FooterMiddle ul li span{font-size: 14px;line-height: 30px;font-weight: 500;color: #fff;text-align: left;margin-bottom: 25px;display: block;}
.Footer .FooterMiddle ul li.Filetisim i{color: #fff;font-size: 13px;margin-right: 13px;float: left;line-height: 30px;}
.Footer .FooterMiddle ul li.Filetisim p{float: left;}
.Footer .FooterMiddle ul li.Filetisim{font-size: 13px;color: #fff;}
.Footer .FooterMiddle ul li.Filetisim ul li{float: left;clear: left;}
.Footer .FooterMiddle ul li a{font-size: 13px;color: #fff;text-align: left;}
.Footer .FooterMiddle ul li a:hover {
  color: #f1931f; /* Açık sarı hover */
}

.Footer .FooterBottom{float: left;width: 100%;padding: 50px 0 60px;}
.Footer .FooterBottom .FooterBottomLeft{float: left;}
.Footer .FooterBottom .FooterBottomLeft ul li{float: left;margin-right: 10px;}
.Footer .FooterBottom .FooterBottomLeft ul li:last-child{margin-right: 0px;}
.Footer .FooterBottom .FooterBottomLeft ul li a{height: 40px;width: 40px;background: #fff;color: #000;line-height: 40px;border-radius: 100%;display: block;text-align: center;}
.Footer .FooterBottom .FooterBottomLeft ul li a i{line-height: 40px;font-size: 15px;}
.Footer .FooterBottom .FooterBottomLeft ul li:hover a{background:var(--theme-color);}
.Footer .FooterBottom .FooterBottomLeft ul li:hover a i{color: #fff;}

.Footer .FooterBottom .FooterBottomRight{float: right;}
.Footer .FooterBottom .FooterBottomRight span{color: #fff;font-size: 14px;float: left;margin-right: 20px;font-weight: 500;line-height: 30px;}
.Footer .FooterBottom .FooterBottomRight ul{float: left;}
.Footer .FooterBottom .FooterBottomRight ul li{float: left;margin-right: 20px;}
.Footer .FooterBottom .FooterBottomRight ul li:last-child{margin-right: 0;}
.Footer .FooterBottom .FooterBottomRight ul li i{color: #fff;font-size: 24px;}
.Footer .FooterBottom .FooterBottomRight ul li:hover i{color: var(--theme-color);}

.Footer .FooterBottomBottom{float: left;width: 100%;border-top:1px solid #1b1b1b;padding:55px 0;}
.Footer .FooterBottomBottom .FooterBottomBottomLeft{float: left;font-size: 12px;color: #fff;line-height: 20px;}
.Footer .FooterBottomBottom .FooterBottomBottomRight{float: right;}

#ticimaxCopyright{ font-family: 'Montserrat', sans-serif !important; margin: 0 auto !important;line-height: 85px; float: left;width: 100%;text-align:center;background: #fff;font-size:12px;color: #fff;}
#ticimaxCopyright a{color: #000!important;}

/*Footer*/


#mainHolder_divDesign .ticimaxTabHead li a{background-color: transparent!important;}
#mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a{background-color: transparent!important;color: #000!important;}
#mainHolder_divDesign .ticimaxTabHead li.ticimaxTabHead_active a:before{    content: ''; position: absolute; left: 0; right: 0; bottom: 0px; height: 3px; width: 36px; background: var(--theme-color); margin: auto;}
/*Anasayfa*/
#mainHolder_divDesign .w-auto img{width:auto!important;margin:0 auto;display:block;}
#mainHolder_divDesign .w-auto a{display:block;}
/*SliderYanblok*/

/*SliderYanblok*/


.KBlok{float: left;width: 100%;padding: 60px 0;}
.KBlok ul{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-justify-content: space-between; -ms-justify-content: space-between;list-style: none;padding: 0;margin: 0;}
.KBlok ul > li > a{display: block;text-align: center;}
.KBlok ul > li > a .Kicon{position: relative;height: 55px;width: 55px;margin: 0 auto;}
.KBlok ul > li > a .Kicon img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}
.KBlok ul > li > a .Kicon img:first-child{display: block;}
.KBlok ul > li > a .Kicon img:last-child{display: none;}
.KBlok ul > li:hover > a .Kicon img:first-child{display: none;}
.KBlok ul > li:hover > a .Kicon img:last-child{display: block;} 
.KBlok ul > li > a .Ktext{font-size: 13px;color: #000;margin-top: 12px;}
.KBlok ul > li:hover > a .Ktext{color: var(--theme-color);}


.bRow{margin: 0 -15px;}
/*grid*/
.Ecol1{float:left; width:100%;padding:0;}
.Ecol1 .ScRow{margin: 0;}
.Ecol2{float:left; width:50%;padding:0 15px;}
.Ecol3{float:left; width:33.33%;padding:0 15px;}
.Ecol3 .ScRow{margin: 0;}
.Ecol4{float:left; width:25%;padding:0 15px;}
.Ecol4 .ScRow{margin: 0;}
.Ecol5{float:left; width:20%;padding:0 15px;}
.Ecol5 .ScRow{margin: 0;}
.Ecol6{float:left; width:66.66%;padding:0 15px;}
.Ecol7{float:left; width:59.017%;padding:0 15px;}
.Ecol8{float:left; width:40.984%;padding:0 15px;}
/*grid*/

.JKatAdi { float: left; position: relative;width: 100%;padding:0;margin:45px 0 5px;}
.JKatAdi .bold { display:block;float: left;width: 100%;text-align:center;}
.JKatAdi .bold .satir1{display: inline-block;vertical-align:top;font-size: 22px!important;font-weight: normal;color: #000;line-height: normal;text-transform: uppercase;}

#mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:0px;top:40%;left:0px;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev,.InstaGallery .owl-carousel .owl-nav .InstaGallerynext, .owl-carousel .owl-nav .ProductListnext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {font-size: 0;position: absolute;border-radius:0!important;border:none;width: 35px!important;height:65px!important; background:#ddd!important; display: inline-block;cursor: pointer; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover, .owl-carousel .owl-nav .ProductListprev:hover, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:hover,.InstaGallery .owl-carousel .owl-nav .InstaGallerynext:hover, .owl-carousel .owl-nav .ProductListnext:hover,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover {background: var(--theme-color)!important;color: #000!important;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext,.owl-carousel .owl-nav .ProductListnext {right:10px;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .InstaGallery .owl-carousel .owl-nav .InstaGalleryprev,.owl-carousel .owl-nav .ProductListprev {left:10px;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before, .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {font-family: 'FontAwesome';font-size: 20px!important; font-weight: 300; line-height: 65px!important;color: #fff;}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListprev:before { content: '\f104';}
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before, .InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .ProductListnext:before { content: '\f105';}
#mainHolder_divDesign .owl-carousel .owl-dots, .owl-carousel .owl-dots{position: static;width: 100%;margin-top: 15px;}
.instashop-context{text-align:center;}
.instashop-context .AllImages{display: inline-block;vertical-align: top;background: #000;color: #fff;padding: 10px;margin-top: 15px;}

#mainHolder_divDesign .owl-dots .owl-dot span{width: 13px!important;height: 13px!important;border: none!important;background-color: #000!important;}
#mainHolder_divDesign .owl-dots .owl-dot.active span{background-color: var(--theme-color)!important;}

/*Anasayfa Tab*/
.Bloks {float: left;width: 100%;}


.sliderBannerContainer { float: left; width: 100%; position: relative;margin:20px 0;}
.sliderBannerContainer .Block_Link{display:none;}
.sliderBannerContainer .ProductList { display: block !important;margin: 0 auto;}
.sliderBannerContainer .Jbutonlar { display: none; }
.sliderBannerContainer .jCarouselLite {float: left;width: 100%;}
.sliderBannerContainer .owl-carousel {float: left;width: 100%;}
.sliderBannerContainer .owl-carousel .owl-stage-outer {padding: 20px 0;}
.sliderBannerContainer .owl-dots {display: none !important;}
.sliderBannerContainer.SliderBannerFull {background: #f3f3f3;}
/*Anasayfa Tab*/


/*Anasayfa*/
/*Kategori*/
/****************************************urun LiSTELEME *********************************/
.ProductListContent { float: left; width: 100%; }
.categoryContainer .ProductListContent { float: left; width: 100%;}
.categoryContainer .ProductList { margin: 0 -15px }
.categoryContainer .ProductListContent .productItem {margin-bottom: 30px;}

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

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

.productItem { width: 100%; position: relative; text-align: center;display: inline-block;float: left;font-size:0;}
.productItem:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.productItem .productIcon {width:100%;height: 100%;}

.productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;}
.productItem .productImage a {display: block;position: relative;padding-bottom: 67%;}
.productItem .productImage .Videolu{ display: block; position: relative; padding-bottom: 67%;}
.productItem .productImage img { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;border-radius:0;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}
.productItem .productImage .Videolu video { max-width: 100%; max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;border-radius:0;transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}

.productItem .productDetail {position: relative;display: block;float: left;width: 100%;text-align: left;height: 115px;padding: 20px;transition:all 0.3s ease;}

.productItem .productName { position: relative;margin:0;float:left;width: 100%;margin-bottom: 5px;}
.productItem .productName a {float: left;width: 100%;padding: 0;line-height:22px;height:22px;font-weight: 500;font-size: 14px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;*/}

.productItem .productPrice {display:inline-block;vertical-align: top;position: relative;margin: 18px 0 0;}
.productItem .discountPrice {display: block;float: right;}
.productItem .discountPrice span {color: #000;font-size: 18px;line-height:0.8;font-weight: 600;}
.productItem .discountKdv {display:none;}
.productItem .regularKdv  {display:none;}
.productItem .regularPrice {display:inline-block !important;float: left;margin-right: 11px;margin-top: 1px;}
.productItem .regularPrice span {color: #000;font-size: 13px;line-height: 0.8;font-weight:normal;text-decoration: line-through;-moz-text-decoration-color: #8c8c8c;text-decoration-color: #000;}

.productItem .productMarka { display:none !important;}
.productItem .productOnYazi {font-size: 13px;position: relative;margin: 0;float: left;width: 100%;color: #000;font-weight: normal;line-height: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.productItem .productOnYazi * { background: none !important; }

.productItem .productFaMyEx {position: absolute; left: 10px; top: 10px; margin: auto; z-index: 5; height: 51px; display: block; }
/*Urun Iconlari*/
.productItem .productFaMyEx .newIcon      {z-index: 3;background: #000;color: #fff;width: 45px;line-height: 25px;font-weight: 600;font-size: 12px;height: 25px;overflow: hidden;margin-bottom: 1px;}
.productItem .productFaMyEx .discountIcon {
  z-index: 3;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  width: 45px;
  background: #f1931f;
  line-height: 25px;
}

.cargoIcon    {display:block;z-index: 3;position: absolute;top: 10px;right: 10px;background: #fff;color: #000;width: 45px;font-size: 0;}
.cargoIcon:after {font-size: 14px;content: '\f0d1';font-family: 'FontAwesomePro';line-height: 25px;padding: 0;margin: 0;}
.firsatIcon   {z-index: 3;padding: 8px 16px;background: #00c753;color: #fff;font-size: 12px;font-weight: 600;display: block;width: auto;line-height: normal;margin-top: 3px;}
.urunListStokUyari {display: none;}
.discountIcon div{display: none;}
.discountIcon span{font-weight: 600;}
.discountIcon .discountIcon_s2{display: none;}

.favori      {display:none;z-index:5;position: absolute;bottom: 20px;right: 55px;}
.examineIcon {z-index:5;display:none;}
.mycartIcon  {display:none;z-index:5;position: absolute;bottom: 20px;right: 20px;}

.productItem:hover .favori,
.productItem:hover .mycartIcon{display: block;}

.favori a { display: block;font-size: 0;}
.examineIcon a {display: block;font-size: 0;}
.mycartIcon a {display: block;font-size: 0px;color:#000;}
.mycartIcon a span{font-weight: 600;}

.examineIcon a:before, .favori a:before,.mycartIcon a:before {font-family:'FontAwesomePro';display:inline-block;vertical-align:top;}
.favori a:before {content: '\f004';font-size:18px;color:#959595;font-weight:300;}
.examineIcon a:before {content: '';font-size:18px;color:#ffffff;font-weight:300;}
.mycartIcon a:before {content: '\f290';font-family: 'FontAwesomePro';color: var(--theme-color);font-size: 18px;font-weight: 300}
.mycartIcon a:hover:before {font-weight:600;}
.favori a.listfavoriAktif:before {font-weight:600;}
.favori a:hover:before {font-weight:600;}

.TukendiIco {z-index: 5;border-radius:0;background:transparent;position: absolute;right: 0;left: 0;top: 0;height: calc(100% - 115px);overflow:hidden;}
.TukendiIco span {line-height: 30px;position: absolute;bottom: 20px;width: 160px;right: 0;left: 0;max-width: 100%;border:none;color: #fff;text-transform: uppercase;font-size: 12px;font-weight: normal;padding: 0;margin: 0 auto;background: rgba(0, 0, 0, 0.8);}

.StokYok .cargoIcon{display: none;}
.urunListStokUyari { display: none; }

/****************************************urun LiSTELEME *********************************/

/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.categorydesign {float: left;width: 100%;position: relative;margin-bottom: 20px;}
.categorydesign .Blok{margin: 0;}
.leftBlock .categorydesign {display:block;}
.categorydesign p{margin-bottom:0;}
.categorydesign strong{font-weight:bold;}
.categorydesign strong *{font-weight:bold;}
.categorydesign img {display:inline-block;vertical-align:middle;}
.categorydesign .rrHandle{display: none;}

.KatAc{position: absolute;right: 0;top: 0;bottom: 0;width: 50%;padding: 70px 30px;color: #fff;margin: auto;background: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 33%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(33%, rgba(0,0,0,0.7))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 33%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 33%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 33%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 33%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );}
.KatAc .KatDetay{float: left;width: 100%;overflow: auto;max-height: 100%;padding-right: 25px;}
.KatAc .KatDetay span{font-size: 40px;font-weight: normal;color: #fff;letter-spacing: 2;}
.KatAc .KatDetay p{font-size: 13px;font-weight: normal;color: #fff;line-height: 35px;}
.KatAc .KatDetay::-webkit-scrollbar {width:6px;}
.KatAc .KatDetay::-webkit-scrollbar-track { background: transparent;}
.KatAc .KatDetay::-webkit-scrollbar-thumb { background: #fff;border-radius: 3px;}

.breadcrumbContent { float: left; }
body ul.breadcrumb { margin: 0 auto;display: block!important; padding: 0!important; border-radius: 0;float: none;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
body ul.breadcrumb * {color: #000;font-size: 12px!important;line-height: 50px!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 5px;color: #000;font-size: 12px;line-height: 50px;float: left;font-weight: normal;}
body ul.breadcrumb li:nth-last-of-type(1):after { display: none;}
body ul.breadcrumb li:nth-last-of-type(1) *{
  color: #000;
  font-weight: bold;
}
body ul.breadcrumb li:first-child:before {content:'\f3c5';font-size: 13px;color: #000000;margin-right: 7px;line-height: 48px;display: inline-block;float: left;font-family: 'FontAwesomePro';}
body a#linkOncekiSayfa {line-height: 50px ; display: block ; color: #000 ; font-size: 12px!important; font-weight: normal;}
.categoryTitle { float: left; width: 100%;}
.categoryTitleText {float: left;width: 100%;}
.CategoryBody .categoryTitleText {margin:5px 0 0}
.Block_Title {display: none;}
/*Sol Filtre - FLOATING REFINED / SADECE KATEGORI SOL FILTRE ALANI*/
@media screen and (min-width:1042px) {
    /* Filtre kolonuna nefes aldir; urun alaninin geri kalan yapisini degistirme. */
    .CategoryBody .leftBlock.LeftMiddle {
        width: 264px;
        padding-right: 24px;
        margin-bottom: 30px;
    }
    .CategoryBody .centerCount.LeftMiddle {
        width: calc(100% - 264px);
    }

    .CategoryBody .leftBlock .category-vertical-filters {
        position: relative;
        float: left;
        width: 100%;
        margin: 0 0 24px;
        padding: 0 16px 4px;
        overflow: hidden;
        text-align: left;
        background: #fff;
        border: 1px solid #e4eae6;
        border-top: 3px solid var(--theme-color);
        border-radius: 13px;
        box-shadow: 0 12px 28px rgba(28, 67, 50, 0.08);
    }

    .CategoryBody .leftBlock .category-vertical-filters:before {
        content: 'Filtreler';
        display: block;
        margin: 0 -16px;
        padding: 16px 16px 13px;
        border-bottom: 1px solid #e9eeeb;
        color: #263e33;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.1px;
    }

    .CategoryBody .leftBlock .category-vertical-filters > div {
        float: left;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        border-bottom: 1px solid #ebefec;
        background: transparent;
    }
    .CategoryBody .leftBlock .category-vertical-filters > div:last-child {
        border-bottom: none;
    }

    .CategoryBody .leftBlock .panel-heading {
        position: relative;
        z-index: 1;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
        border: none;
        background: transparent !important;
    }

    .CategoryBody .leftBlock .panel-heading a {
        display: block;
        width: 100%;
        padding: 15px 0 12px;
        color: #2b4338;
        font-size: 12.5px;
        font-weight: 600;
        line-height: 1.45;
        text-transform: none;
        letter-spacing: 0;
        transition: color .16s ease;
    }
    .CategoryBody .leftBlock .panel-heading a:hover {
        color: var(--theme-color);
    }
    .CategoryBody .leftBlock .panel-heading a:after {
        content: '−';
        float: right;
        margin-top: 0;
        color: #789085;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
    }
    /* Mevcut KategoriIslemleri(): active = panel kapali. */
    .CategoryBody .leftBlock .panel-heading.active a:after {
        content: '+';
    }

    .CategoryBody .leftBlock .panel-search {
        float: left;
        width: 100%;
        margin: 0 0 12px;
    }
    .CategoryBody .leftBlock .panel-search input[type='text'] {
        width: 100%;
        height: 34px;
        padding: 0 10px;
        color: #46564e;
        font-size: 11px;
        background: #fafcfb;
        border: 1px solid #dfe5e1;
        border-radius: 5px;
        outline: none;
        transition: border-color .16s ease, box-shadow .16s ease;
    }
    .CategoryBody .leftBlock .panel-search input[type='text']:focus {
        border-color: #9abcae;
        box-shadow: 0 0 0 3px rgba(26, 157, 133, .08);
    }

    .CategoryBody .leftBlock .category-vertical-filters .panel.div-kategori {
        padding-bottom: 0;
    }
    .CategoryBody .leftBlock .category-vertical-filters .panel.div-kategori .panel-heading {
        margin-bottom: 0;
        border-bottom: none;
    }
    .CategoryBody .leftBlock .category-vertical-filters .panel.div-kategori .panel-heading a {
        font-size: 12.5px;
    }

    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group {
        position: static;
        top: auto;
        float: left;
        display: block;
        width: 100%;
        max-height: 190px;
        margin: 0 0 15px;
        padding: 0 3px 0 0;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: left;
        border: none;
        background: transparent;
    }

    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li,
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 10px;
        padding: 0;
        border: none;
        background: transparent;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child,
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:last-child {
        margin-bottom: 0;
    }

    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a,
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a {
        float: left;
        display: inline-block;
        width: calc(100% - 26px);
        padding: 0;
        color: #44544c;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        white-space: normal;
        text-transform: none;
        transition: color .16s ease;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li.list-group-item:hover > a,
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a:hover,
    .CategoryBody .leftBlock .category-vertical-filters .panel.div-kategori ul a:hover {
        color: var(--theme-color);
        text-decoration: none;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected > a {
        color: #25483a;
        font-weight: 500;
    }

    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {
        content: '';
        float: left;
        display: inline-grid !important;
        place-items: center;
        width: 16px;
        height: 16px;
        margin: 0 8px 0 0;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
        background: #fff;
        border: 1px solid #ced5d1 !important;
        border-radius: 3px;
        transition: border-color .16s ease, background-color .16s ease;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
        content: '';
        background: #fff;
        border-color: #86a99d !important;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before,
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:hover:before {
        content: '✓';
        color: #fff;
        background: var(--theme-color);
        border-color: var(--theme-color) !important;
    }

    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
        height: auto;
        background-size: 16px 16px !important;
        background-position: 0 0 !important;
        background-repeat: no-repeat !important;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before {
        display: none !important;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a {
        width: auto;
        padding-left: 22px;
    }

    body.CategoryBody .leftBlock .FiyatSlider {
        float: left;
        display: block;
        width: 100%;
        padding: 0 0 15px;
        border-radius: 0;
    }
    body.CategoryBody .leftBlock .FiyatSlider .slider-range {
        float: left;
        width: calc(100% - 12px);
        height: 2px;
        margin: 7px 6px 14px;
        padding: 0;
        background: #dbe1dd;
        border: none;
        border-radius: 2px;
    }
    body.CategoryBody .leftBlock .FiyatSlider .slider-range .ui-slider-range {
        top: 0;
        height: 2px;
        margin: 0;
        background: var(--theme-color);
        border-radius: 2px;
    }
    body.CategoryBody .leftBlock .FiyatSlider .slider-range .ui-slider-handle {
        top: -5px;
        width: 12px;
        height: 12px;
        margin: 0;
        background: #fff;
        border: 3px solid var(--theme-color);
        border-radius: 100%;
        box-shadow: 0 1px 4px rgba(33, 71, 55, .15);
        outline: none;
    }
    body.CategoryBody .leftBlock .FiyatSlider .amount {
        float: left;
        width: 100%;
        padding: 0;
        color: #66756e;
        font-size: 11px;
        line-height: 18px;
        text-align: left;
    }

    .CategoryBody .leftBlock .FiyatTextBox {
        position: static;
        display: block;
        width: 100%;
        max-height: none;
        margin: 0;
        padding: 0 0 14px;
        overflow: visible;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .CategoryBody .leftBlock .FiyatTextBox input[type='text'] {
        height: 34px;
        color: #46564e;
        font-size: 11px;
        background: #fafcfb;
        border: 1px solid #dfe5e1;
        border-radius: 5px;
    }

    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar {
        width: 5px;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track {
        background: transparent;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb {
        background: #cfdad4;
        border-radius: 6px;
    }
    .CategoryBody .leftBlock .category-vertical-filters .vertical-filter-panel .list-group:hover::-webkit-scrollbar-thumb {
        background: #9eb9ac;
    }
}
/*Sol Filtre*/

body #divSayfalamaUst {float: right;margin: 0 0 20px;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; }

body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect {float: right;margin:0 0 0 20px;background:transparent;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a {background:transparent;color: #999999;padding:0 5px;float:left;margin-left:0;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a i{font-size:16px;float:left;line-height:43px;font-family: 'FontAwesomePro';font-weight: 600;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_3:before{bottom: 0;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a:hover i{color: #000;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.Active i{color: #000;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_2 {display: none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_5 {display: none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .blockSelect a.sort_hrz {display: none;}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {float:left;width: 100%;z-index:999;background-color:transparent;border:none; border-radius:0;margin:0;padding:0;display:-webkit-flex;display:-moz-flex;display:-o-flex;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {float:left;font-weight: normal;border-radius:0; padding:0; border:none;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a { position: relative; background-color:transparent; color: #000000; font-size: 12px; border-radius:0;padding:0 6px;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a span { font-weight: normal; line-height: 45px; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover {text-decoration:underline;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected {text-decoration:underline;}


body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span { float: left ; font-size:12px; color: #000000; font-weight:normal; line-height: 45px; padding:0;margin:0;}
body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet { float: right; background-color: transparent ; height: auto ; padding: 0 ; }
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;}

body #divSayfalamaUst .blockSelect {float: right;margin:0;display: block!important;padding:0;margin-left: 25px;}
body #divSayfalamaUst .blockSelect a{float: left;width: auto; height: auto;margin:0px;padding: 0;text-align:center;border:none;background:transparent;}
body #divSayfalamaUst .blockSelect i{color: #c6c6c6;line-height: 45px;font-size: 0px;}
body #divSayfalamaUst .blockSelect a.sort_3{margin-right:15px;padding-right:15px!important;position:relative;}
body #divSayfalamaUst .blockSelect a.sort_3:before{content:"";position:absolute;right:0;top:0;bottom: 3px;margin:auto;width:1px;height: 15px;background:#d7d7d7;}
body #divSayfalamaUst .blockSelect a.sort_3 i:before{content:"  ";font-family:"FontAwesomePro";font-size:10px;color:#d7d7d7;font-weight:600;}
body #divSayfalamaUst .blockSelect a.sort_4 i:before{content:"   ";font-family:"FontAwesomePro";font-size:10px;color:#d7d7d7;font-weight:600;}
body #divSayfalamaUst .blockSelect a:hover i:before{color: #d7d7d7;}
body #divSayfalamaUst .blockSelect .sort_hrz{display: none;}
body #divSayfalamaUst .blockSelect .sort_2{display: none;}
body #divSayfalamaUst .blockSelect .sort_5{display: none;}
body #divSayfalamaUst .blockSelect a.Active i:before{color: #000;}

body #divSayfalamaUst.Slct .brandlistselection {float:left;width: 100%;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent {background:transparent;float:left;width: 100%;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {float: left;height: 45px;color: #000000;font-size: 13px;font-weight: normal;border:none;background: #fff url('images/selectbg.png')no-repeat right 10px center;border-radius: 0;padding: 0 15px;width: 190px;-webkit-appearance: none;border: 1px solid #e5e5e5;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{padding: 0;border-radius:0;background:transparent;float: left;margin-right: 20px;}
body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{float: right;}

body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet {margin: 0;}
body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span{color: #000000;font-size: 12px;line-height:45px;font-weight: normal;float: left;margin:0;}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock{padding:0;background:transparent;color: #000000;font-size: 12px;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span{line-height:45px;font-weight:normal;display:inline-block;vertical-align:top;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before{content: '\f00c';font-family:"FontAwesomePro";color:#fff;font-size:10px;font-weight: normal;width: 14px;height: 14px;border: 1px solid #e5e5e5;border-radius: 0;float: left;margin: 16px 8px 0 0;line-height: 14px;}
body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before{color:#000;}

body #divSayfalamaUst .filterDeleteContent{float: left;margin: 0 0 20px;padding:0;width: 100%;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 15px 0;height: auto;background:transparent;border: 1px solid #000000;width: auto;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 38px;margin: 0;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family: 'FontAwesomePro';line-height: 30px;color: #000000;font-size: 15px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #000;font-size: 12px;text-align: left;margin-top: 2px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #252525;margin-top: 3px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;border-color: #eb1f27;}
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;color: #eb1f27;font-size: 12px;text-align:center;margin: 0;width: 100%;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a{width: 100%; background: 0 0; line-height: 1; margin: 0; padding: 0 5px;}
body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a .filter-content span {line-height: 30px; font-weight: 400; font-size: 12px; text-align: center; margin: 0; width: 100%;}

@media screen and (min-width:1042px) {
    .sortingContent {display: block !important;}

    /*ust Filitre*/
    body #divSayfalamaUst .filterBlock{float:left;border:none;border-radius: 0;width: auto;}
    body #divSayfalamaUst .category-vertical-filters.top-filters{padding: 0;margin: 0;background:transparent;position: static;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel{margin: 0 25px 0 0;padding:0;width: auto;position: relative;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;border: none;margin: 0;min-width: auto;border-right: none;background-color: transparent!important;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a{line-height: 55px;padding-left: 15px;text-align:left;color: #000000;font-size: 12px;padding: 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after{content: '\f107';line-height: 55px;vertical-align:top;margin-left: 5px; position: static; color: #000000;font-size: 18px;font-family: 'FontAwesomePro';font-weight: 300;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after{content: '\f106'; color: #000;}
    
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li{float: left;text-align:left;margin: 0;width: 50%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown > li{width: 100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a{line-height: 28px;font-size: 13px;color: #000000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover{text-decoration:underline;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul{display: block;padding-left: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li ul > li{width: 100%;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before{margin-top: 7px;display:inline-block;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before{background:#000;border-color: #000;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{background:#000;border-color: #000;}

    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;}

    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a{color: #000;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown{top: 100%;width: 250px;}

    body #divSayfalamaUst .category-vertical-filters.top-filters .FiyatSlider{display: block!important;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range{width: 100%;margin: 20px 0 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount{padding: 5px 0 0;float: left;width: 100%;text-align: center;margin-bottom: 0;}
    /*ust Filitre*/
}

#divSayfalamaAlt { width: 100%; margin:0;}
.pageNumber { float: right; text-align: right; margin:0;display: none;}
.pageNumberBottom { float: right;margin:50px 0 10px;padding:0;width: 100%;display:block;vertical-align: middle;}
.pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;}
.pageNumberContent a, .pageBorder a {float:left;position: relative;display: block;min-width: 35px;height: 35px;background: #f3f3f3;line-height: 35px;color: #000;text-align:center;font-size: 13px;border-radius: 100%;font-weight: 500;margin: 0;margin-right: 10px;}
.pageNumberContent a:last-child, .pageBorder a:last-child{margin-right: 0;}
.pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: #000;}
.pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: #000;}
.pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}

/*Kategori*/
/*ÜrünDetay*/
/*******************************************URUN DETAY********************************/
.RightDetail > .clear { clear: none; }
.ProductDetailMain{float:left;width: 100%;}
.ProductDetailMainRow{float:left;width: 100%;}
.leftImage {width: 600px;float: left;position: relative;padding:0;}
.RightDetail { width:calc(100% - 600px); float: left; position: relative;padding: 0 0 0 31px;}
/*Urun Resim*/
.UrunDetayLeft { margin: 0 !important; overflow: hidden; }
.Images {float: right;width: 600px;padding-bottom: 66.7%;position: relative;}
.Images img { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
#divVideoGoruntulemeAlan { float: right; width: 545px!important;padding-bottom:67.3%; position: relative;}
#vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.cloudzoom-blank > div:last-child { display: none !important; }
.SmallImages {display: block !important;float: left;width: 100%;max-height: 75px;overflow-x:auto;overflow-y:hidden;margin-top: 30px;white-space: nowrap;}
.SmallImages div {display:inline-block;width: 112px;height:75px;margin-right:6px;}
.SmallImages div:last-child{margin-right: 0px;}
.SmallImages div img {max-width: 100%;max-height: 100%;}

.SmallImages::-webkit-scrollbar {height:6px;}
.SmallImages::-webkit-scrollbar-track { background: transparent;}
.SmallImages::-webkit-scrollbar-thumb { background: #000;border-radius: 2px;}

.leftImage .mobileImageSlider{width:100%;}
.leftImage .mobileImageSlider .owl-stage-outer{float: left;width: 100%;}

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

.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: 20px;font-weight: 500;}

#divUrunKodu {float:left;clear:left;color: #000;font-size: 13px;font-weight: normal;line-height: 14px;padding: 0;margin: 5px 0 0;}
#divUrunKodu:before { display:inline-block;vertical-align:top; content: 'Ürün Kodu :';color: #000; font-size: 13px; font-weight: normal; position: relative; line-height: 14px;margin-right: 2px;}

#divTaksitAciklama {display:block;float: right;margin-top:20px;clear: right;}
#divTaksitAciklama .taksitSatir {color: #000; font-size: 13px;}

.RightDetail .puanVer {float:left;clear: left;margin-top: 10px;}
.RightDetail #PuanVer{float: left;}
.RightDetail .PuanVerSag {float: left;font-size: 13px;color: #000;margin-left: 9px;font-weight: normal;line-height: 17px;}
.RightDetail ul.rating { float: left; }
.RightDetail ul.rating li { margin-right: 5px !important; width: 13px !important; float: left;height: 13px;}
.RightDetail ul.rating li i.starItem {font-size: 13px!important;color: var(--theme-color);line-height:13px;height: 13px;font-weight: 300;font:normal normal normal 13px/1 FontAwesomePro;}
.RightDetail ul.rating li i.starItem:before { content: '\f005'!important;}
.RightDetail ul.rating li i.starItem:hover { font-size: 13px !important; color: var(--theme-color)!important; font-weight: 600;}
.RightDetail ul.rating li.filled i { color: var(--theme-color) !important; font-weight: 600;}
.RightDetail .rating-stars ul>li.star.hover>i.fa{color: var(--theme-color);font-weight:600;}
.RightDetail .rating-stars ul>li.star.selected>i.fa{color: var(--theme-color);font-weight:600;}

.markaresmi {float: left;position: relative;z-index: 1;clear: left;max-width: 100px;margin-top: 10px;}
.markaresmi a { float: left; }
.markaresmi img { max-width: 100%;float: left;}

#divMagazaStok{float:left;width: 100%;margin:0!important;}
/*on yazi*/
#divOnyazi {float:left;clear: left;font-size: 13px;margin-top: 13px;}
#divOnyazi h2{font-weight:normal;font-size:100%;}
#divOnyazi * {font-family: 'Montserrat', sans-serif!important;}
#divOnyazi strong {font-weight:bold;}
#divOnyazi strong * {font-weight:bold;}
#divOnyazi #divMinMaksAlim{margin-top: 10px;float: left;clear: left;}
/*fiyatlar*/
.PriceList {float:left;position:relative;width: 100%;padding: 0px 0 20px;margin: 0 0 10px;}
#pnlFiyatlar {display: inline-block;vertical-align: top;float:left;margin: 20px 0 0;}
#pnlFiyatlar #divFiyatAlanlari{float: left;}
#divIndirimliFiyat {display: block;}
/*marka adi*/
#divMarka { float:left;clear:left;margin-top:10px;line-height:13px;}
#divMarka .left_line { display: inline-block;vertical-align:top; color: #000000; font-size: 13px; font-weight:normal;line-height: 13px;}
#divMarka .center_line { display: inline-block;vertical-align:top; color: #000000; font-size: 13px; font-weight:normal;line-height: 13px;}
#divMarka .right_line { display: inline-block;vertical-align:top; width: auto; }
#divMarka .right_line * {display: inline-block;vertical-align:top; color: #000000; font-size: 13px; font-weight:normal;line-height: 13px;}
/*tedarikci*/
#divTedarikci { float:left;clear:left;margin-top:10px;line-height:13px;}
#divTedarikci .left_line { display: inline-block;vertical-align:top; color: #000000; font-size: 13px; font-weight:normal;line-height: 13px;}
#divTedarikci .center_line { display: inline-block;vertical-align:top; color: #000000; font-size: 13px; font-weight:normal;line-height: 13px;}
#divTedarikci .right_line { display: inline-block;vertical-align:top; width: auto; }
#divTedarikci .right_line * { display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
/*Urun stok miktari*/
#divUrunStokAdedi {float:left;clear:left;margin-top:10px;line-height:13px;}
#divUrunStokAdedi .left_line { display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
#divUrunStokAdedi .center_line { display:inline-block;vertical-align:top; color: #000000; font-size:13px;font-weight:normal;line-height: 13px;}
#divUrunStokAdedi .right_line {  display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
/*Toplam stok miktari*/
#divToplamStokAdedi {float:left;clear:left;margin-top:10px;line-height:13px;}
#divToplamStokAdedi .left_line { display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
#divToplamStokAdedi .center_line { display:inline-block;vertical-align:top; color: #000000; font-size:13px;font-weight:normal;line-height: 13px;}
#divToplamStokAdedi .right_line {  display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
/*Barkod*/
#divBarkod {float:left;clear:left;margin-top:10px;line-height:13px;}
#divBarkod .left_line { display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
#divBarkod .center_line { display:inline-block;vertical-align:top; color: #000000; font-size:13px;font-weight:normal;line-height: 13px;}
#divBarkod .right_line {  display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
/*Para Puan*/
#divParaPuan{float:left;clear:left;margin-top:10px;line-height:13px;}
#divParaPuan .left_line {display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
#divParaPuan .center_line {display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
#divParaPuan .right_line {display: inline-block;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
/*indirim orani*/
#divIndirimOrani  {float:left;line-height:13px;margin-left: 30px;}
#divIndirimOrani .left_line {display: none;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
#divIndirimOrani .center_line {display: none;vertical-align:top; width: auto; color: #000000; font-size: 13px;font-weight: normal;line-height: 13px;}
#divIndirimOrani .indirimliOrani {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  color: #ffffff; /* Yazı rengi beyaz yapıldı */
  background: #f1931f;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  overflow: hidden;
  height: 25px;
  text-align: center;
}
#divIndirimOrani .indirimliOrani * {display: inline-block;vertical-align:top; width: auto; color: #fff; font-size: 12px;font-weight: 600;line-height: 25px;}
/*piyasa fiyati*/
.PiyasafiyatiContent {display:block;line-height: 0.8;float: left;margin-right: 10px;}
.PiyasafiyatiContent .left_line { display: none; color: #000; font-size: 15px; font-weight: normal;line-height: 0.8;}
.PiyasafiyatiContent .center_line { display: none; color: #000; font-size: 15px; font-weight: normal; margin-right: 0; }
.PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;}
.PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:normal; text-decoration:none; line-height:1.8;}
.PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: middle;}
/*indirimli fiyati*/
.IndirimliFiyatContent {display: block;line-height: 0.8;float: left;}
.IndirimliFiyatContent .left_line { display: none; color: #000; font-size: 15px; font-weight: normal;line-height: 0.8;}
.IndirimliFiyatContent .center_line { display: none; color: #000; font-size: 15px; font-weight: normal; margin-right: 0; }
.IndirimliFiyatContent .right_line { display: inline-block;vertical-align:top;}
.IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; line-height:1.3;}
.IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:middle;font-size: 12px;line-height: 1;}
/*turk lirasi fiyati*/
#divTurkLirasiFiyat { display: block;line-height: 0.8;}
#divTurkLirasiFiyat .left_line { display: none; width: 103px; color: #000; font-size: 15px; font-weight: normal; }
#divTurkLirasiFiyat .center_line { display: none; color: #000; font-size: 15px; font-weight: normal; margin-right: 0; }
#divTurkLirasiFiyat .right_line { display: inline-block;}
#divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; line-height:0.8;}
/*indirimsiz fiyati*/
#divIndirimsizFiyat {display: block;line-height: 0.8;}
#divIndirimsizFiyat .left_line {  display:none;vertical-align:top; font-size: 15px; font-weight: normal;}
#divIndirimsizFiyat .center_line { display: none; color: #000; font-size: 15px; font-weight: normal; margin-right: 0; }
#divIndirimsizFiyat .right_line { display: inline-block; font-size: 15px; 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;line-height: 0.8;float: left;margin-top: 8px;}
#divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top; color: #000; font-size: 15px; font-weight: normal;line-height: 20px;}
#divKDVDahilFiyat .center_line { display: none; color: #000; font-size: 15px; font-weight: normal; margin-right: 0; }
#divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;}
/*Stok yok*/
body #divStokYok{float: left;width: 100%;margin:20px 0 0;font-size: 18px;color: #000;font-weight: normal;text-align: center;padding: 3% 0;background-color: #f3f3f3;border-radius: 0;}
body #divStokYok:before{content: '';font-weight:normal;width: 100%;float: left;font-size: 62px;display: none;}
/*kdvler*/
#pnlFiyatlar .spanKdv { margin-left: 5px; display: inline-block; }
/*Urun ekstrabilgileri*/
#divEkstraBilgiler {float: left;width: 100%;margin-top: 10px;}
#divEkstraBilgiler img { max-width: 100%;display:block;}
/*Ekstra*/
.PiyasafiyatiContent .right_line *   {color: #000;font-size: 15px;font-weight:normal;}
#divIndirimsizFiyat .right_line      {color: #000;}
#divIndirimsizFiyat .left_line       {color: #000; line-height: 22px;}
.IndirimliFiyatContent .right_line * {font-size: 22px; color: #000; font-weight: 600;}
#divTurkLirasiFiyat .right_line *    {font-size: 22px; color: #000; font-weight: 600;}
#divIndirimsizFiyat .right_line *    {font-size: 22px; color: #000; font-weight: 600;}
#divKDVDahilFiyat .right_line *      {font-size: 22px; color: #000; font-weight: 600;}
/*---*/
#pnlFiyatlar br { display: none; }
#pnlFiyatlar strong { display: inline-block; }
#pnlFiyatlar #ltrHavaleFiyati { float: left; font-size: 14px; color: #4d555f; font-weight: normal; }
/*varyasyonlar*/
#divUrunEkSecenek { float: left;width: 100%;position: relative;margin:0;padding: 0;}
#divUrunEkSecenek .eksecenekLine {clear: none !important;margin: 15px 0;float: left;width: 100%;border-top: 1px solid #e5e5e5;padding-top: 10px;}
#divUrunEkSecenek .eksecenekLine:last-child {margin-bottom:0!important;}
#divUrunEkSecenek .eksecenekLine .left_line {float: left;width:100%;line-height: 45px;color: #000;font-size: 14px;font-weight: 600;}
#divUrunEkSecenek .eksecenekLine .center_line {display: none;}
#divUrunEkSecenek .eksecenekLine .right_line { display: inline-block;vertical-align:top;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box {float: left;cursor: pointer;text-align:center;font-size: 12px;position: relative;color: #000000;font-weight: normal;margin-right: 10px;}
#divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {min-width: 170px;float: left;height: 40px;border: 1px solid #dcdcdc;color: #000;font-size: 12px;font-weight: normal;padding: 0 20px;background: #fff url('images/adetselectbg.png')no-repeat right 10px center;border-radius:0;-webkit-appearance: none;}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box{width: 40px;height: 40px;border: 1px solid #fff;position:relative;}
#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected{border-color:var(--theme-color);}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width: 40px;height: 40px;line-height: 38px;border: 1px solid #dcdcdc;text-align:center;border-radius:0;padding: 0 4px;}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;}
@media (min-width: 768px){
    #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {background: var(--theme-color); color: #fff;border-color: var(--theme-color);}
}
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected {background: var(--theme-color); color: #fff;border-color: var(--theme-color);}


#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;background: #f3f3f3!important;color: #7a7979!important;border-color: #dcdcdc;}
#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: #dcdcdc; left: 0;right:0; top: 50%; position: absolute;transform:rotate(140deg);}
/*ilgili Urunler*/
#IlgiliUrunDiv { float: left; width: 100%;}

#divUrunKisiselNot { float:left;width:100%;margin-top:5px;}
#divUrunKisiselNot div:first-child { font-size: 14px; font-weight: bold; color: #343437;line-height:45px;}
#divUrunKisiselNot br { display: none; }
#divUrunKisiselNot input { float: left; width: 100%; height: 41px; border: 2px solid #bbb;border-radius:3px; padding: 15px; font-size: 13px; color: #343437; font-weight:700;}
#divUrunKisiselNot input::-webkit-input-placeholder { color: #343437; }
#divUrunKisiselNot input:-moz-placeholder { color: #343437; }
#divUrunKisiselNot input::-moz-placeholder { color: #343437; }
#divUrunKisiselNot input:-ms-input-placeholder { color: #343437; }
#divUrunKisiselNot input:focus { color: #343437; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }
/*urun dosya ekle*/
#divUrunSiparisDosya { float: left; width: 50%; clear: left !important; }
#divUrunSiparisDosya div { position: relative; }
#divUrunSiparisDosya div:first-child { font-size: 12px; font-weight: bold; color: #010101; }

#divSatinAl { float: left;width: 100%;margin:20px 0 0;padding: 0;}
.BasketBtn { float: left; position: relative;width: 100%;}
/*Adet Select*/
#divAdetCombo { display: block!important;position:relative;float: left;}
#divAdetCombo .left_line {    float: left; line-height: 40px; font-size: 14px; font-weight: 600; margin-right: 20px; }
#divAdetCombo .center_line { display: none !important; float: left; }
#divAdetCombo .right_line { float: left; width: 90px;max-width: 100%!important;}
#divAdetCombo select { width: 100%; padding: 0 10px; text-align: left;}
/*Adet input*/
.riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;width: 91px;}
.riSingle a.riUp, .riSingle a.riDown { width: 30px !important;height: 40px!important;top:0; line-height:40px;font-size: 10px; color: #333333; background:transparent;font-weight: normal; position: absolute;margin: 0 !important; float: left; cursor: pointer; text-indent: 0;text-align:center;}
.riSingle a.riUp i{line-height: 40px;}
.riSingle a.riDown i{line-height: 40px;}
.riSingle a.riUp {left:auto;right:0;}
.riSingle a.riDown {left:0;}

.Basketinp { display: block; float: left;position: relative;}
.Basketinp p{float: left; line-height: 40px; font-size: 14px; font-weight: 600; margin-right: 20px;}
#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 {float: left;height: 40px !important;color: #000;font-size: 13px;font-weight:normal;border: 1px solid #dcdcdc;background: #fff;margin: 0;border-radius:0;-webkit-appearance: none;padding: 0 20px 0 15px;}
#divAdetCombo select{background:url('images/adetselectbg.png')no-repeat right 15px center;}
/*sepete Ekle*/
.basketBtn {float: left;position: relative;width: calc(50% - 59.5px);margin: 0 20px;}
.basketBtn input {height: 40px;line-height: 40px;color: #fff;font-weight: bold;font-size: 14px;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;background: #0a8303 ;}
/*Hemen Al*/
.buyfast { float: left;width: calc(50% - 59.5px);margin:0;display: none;}
.buyfast input {background: transparent;height: 40px;line-height: 40px;color: #000;font-weight: bold;font-size: 14px;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 #dcdcdc;}
.buyfast input:hover {background:transparent;}
/*kombin Al*/
#divKombinSatinAl {float: left;width: calc(50% - 59.5px);margin-top: 20px;}
#divKombinSatinAl .btnUrundetayKombin{ height: 40px; line-height: 40px; color: #fff; font-weight: bold; font-size: 14px; 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; text-align: center;}

#divTahminiTeslimatSuresi{float:left;clear: left;margin-top: 10px;padding: 0;}
#divTahminiTeslimatSuresi .left_line{float:left;color: #151515;font-size: 13px;line-height: 1;}
#divTahminiTeslimatSuresi .center_line{float:left;color: #151515;font-size: 13px;line-height: 1;margin: 0 3px;}
#divTahminiTeslimatSuresi .right_line{float:left;color: #151515;font-size: 13px;line-height: 1;}

#divUrunTakimAlan{float: left;width: 100%;}
#divUrunTakimAlan .takimUrunContent{float: left;width: 100%;}
.takimUrunAltContent{float: left;width: 100%;}
.takimUrunAltContent .takimUrunAltContainer{float: left;width: 100%;}

/*Iconlar*/
.ProductIcon {float: left;margin-top: 45px;}
.ProductIcon .box1 {padding:0;margin: 0;min-width: 0;background: transparent;color: #000;font-size: 0;font-weight:normal;text-align:left;float: left;width: 100%;}
.ProductIcon .box1 i {margin:0;float: left;font-size: 14px;color: #000;display: block;font-weight:normal;text-align:center;transition:all 0.3s ease;width: 35px;height: 35px;border: 2px solid #e5e5e5;border-radius: 100%;}
.ProductIcon .box1 i:hover{border-color: #000;background: #000;color: #fff;}
.ProductIcon .box1 i:before {font-weight:normal;font-family: 'FontAwesomePro';line-height: 32px;}
.ProductIcon .UGelinceHaberVer .box1 i:before {content: '\f0a1';}

.ProductIcon > div{float: left;width: auto;margin-bottom: 20px;margin-right:10px;position:relative;}
.ProductIcon > div > a {display: inline-block;vertical-align:top;width: 100%;}
.ProductIcon > div > a.title{display:none;}

.tooltip.top { padding: 5px 0; margin-bottom: 7px;bottom: 100%;left: 50%; }
.tooltip.right { padding: 0 5px; margin-left: 7px;left:100%;top:50%; }
.tooltip.bottom { padding: 5px 0; margin-top: 7px;top: 100%;left: 50%; }
.tooltip.left { padding: 0 5px; margin-right: 7px;right:100%;top:50%; }

.UFavorilerimeEkle{float:left;}
.UFavorilerimeEkle .box1{min-width:initial;background:transparent;margin:0;padding:0;font-size:0;}
.UFavorilerimeEkle .box1 i{margin:0;color: #d7d7d7;font-size: 18px;height: 40px;display: block;text-align: center;line-height: 40px;font-weight: 300;width: 40px;border: 1px solid #ddd;border-radius: 100%;}
.UFavorilerimeEkle .box1:hover i:before{color:var(--theme-color);}
.UFavorilerimeEkle #aFavroriCikarBtn .box1 i:before{color:var(--theme-color);}

.ProductIcon2 {float:left;width: 100%;margin-top:20px;}
.ProductIcon2 .clear{clear: none;}
.ProductIcon2 > div{float:left;}
.ProductIcon2 > div > a{float:left;background: #ebebeb;color: #000000;font-size: 12px;text-transform:uppercase; margin-right: 10px;padding: 0 18px;line-height: 31px;}
.ProductIcon2 > div > a:hover{background: #cfa18a;color: #fff;}
.ProductIcon2 > div > a:before{font-family: 'FontAwesomePro';font-size: 16px;line-height: 31px;margin-right: 7px;vertical-align:top;font-weight: 300;}
.ProductIcon2 > div.YorumYazbtnContent > a:before{content: '\f303';}
.ProductIcon2 > div.TavsiyeEtBtnContent > a:before{content: '\f164';}


.divYorumYaz, #yorumYaz{min-height: 220px;}
.fancybox-inner #yorumYaz{min-width: 540px;}
.fancybox-inner #yorumYaz .fancyboxTittle{font-size: 18px;font-weight: bold;color: #000;}
.fancybox-inner #yorumYaz .divYorumYaz{min-width: 520px;}
.fancybox-inner #yorumYaz .yorumYaz input{height: 25px;padding:0 5px;}
.fancybox-inner #yorumYaz .button{font-size: 16px;line-height: 25px;}
.fancybox-inner .yorumYazMesaj textarea{min-height: 155px;padding: 5px;}
#TavsiyeEt{padding: 20px;}

.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: #000000; 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*/ 
.urunOzellik {float: left;width:100%;margin: 55px 0 0;padding: 0;}
.urunTab {float:left;width: 100%;text-align:center;}
.urunTab ul {display: inline-block;vertical-align:top;float: left;}
.urunTab >ul > li {float:left;margin-right: 52px;}
.urunTab >ul > li:last-child{margin-right: 0;}
.urunTab >ul > li > a {cursor:pointer;display: block;color: #000;font-weight: 600;font-size: 13px;text-transform: uppercase;padding: 0;line-height: 35px;}
.urunTab >ul > li > a span{font-weight:600;}
.urunTab >ul > li.active > a {color:var(--theme-color);border-bottom: 1px solid var(--theme-color);}

.webTab { float: left; position: relative;width:100%;}
.webTab >ul { float: left;width: 100%;}
.webTab >ul > li {float:left;width: 100%;border-bottom: 1px solid #f1f1f1;}
.webTab >ul > li:last-child> a{margin-bottom: 0;}
.webTab >ul > li > a {float:left;width: 100%;text-align: left;color: #181818;font-size: 14px;line-height: 37px;font-weight: 600;}
.webTab >ul > li > a:after {content: '\f067';font-family: 'FontAwesomePro';font-weight: 300;float: right;margin-right: 0;font-size: 18px;color: #282727;}
.webTab >ul > li > a span {font-weight:600;}
.webTab >ul > li.active > a:after{content: '\f068';}
.webTab >ul > li.active .urunDetayPanel{display:block!important;}

.urunDetayPanel {float: left;width:100%;clear: none !important;border: none;padding:0;margin: 25px 0 0;}
.urunTabAlt {float:left;width:100%;}
.urunTabAlt strong { font-weight: bold; }
.urunTabAlt .divYorumYaz,.urunTabAlt #yorumYaz{padding: 0 0 10px;}
.urunTabAlt #txtOneriMail{width: 100%;margin: 0;height: 30px;padding: 0 10px;width: 100%!important;}
.urunTabAlt #txtOneriNot{width: 100%;margin: 0;padding: 10px;width: 100%!important;background: #fff;}

.yorumlarItem { background-color: #eeeeee; border-bottom: 3px solid #A09B98; padding: 16px; line-height: 26px; width: 100%; margin-top: 20px; text-align: left; }
.yorumlarItemS1 { padding-bottom: 5px; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }
.urunDetayPanel .button { color: #fff; }

.urunTabAlt { font-family: 'Montserrat', sans-serif!important;padding:0;}
.urunTabAlt * { font-family: 'Montserrat', sans-serif!important;}
.urunTabAlt i { font-family: 'FontAwesome' !important; }
.urunTabAlt img { max-width: 100% !important; }
.urunTabAlt iframe { max-width: 100% !important;}
.urunTabAlt .ng-valid-email { text-align: left; }
.urunTabAlt .button { padding: 10px 5px; }
.urunTabAlt .button#btnOneriGonder{cursor: pointer; transition: all 0.3s ease 0s; border: none; font-family: 'Poppins', sans-serif !important; text-align: center; background-color: var(--theme-color);}

.orders .order-info i { margin-top: 0 !important; }
#btnYorumKaydet { float: left; text-align: center; -moz-appearance: none;-webkit-appearance: none;}
.urunTabAlt ul li { margin-bottom: 10px; clear: both; }
.oneriValidate .validate { top: 0; padding: 5px; }
.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 ul li .captchaImageBox { float: left; }
.urunTabAlt ul li .captchaImageBox img { max-width: 100%; width: auto; }
.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }
.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }
.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }
/* ------------------------------------Yorum Yaz--------------------------------------------*/
.fancyboxTittle { margin-bottom: 10px; font-size: 13px; }
.urunTabAlt #yorumYaz { margin: 0 auto; float: left; }
.yorumYaz { margin-bottom: 10px; position: relative; }
.yorumYaz .validate { padding: 5px; top: -30px; }
.yorumYazMesaj textarea { width: 100%; }
.urunYorumYok { float: left; width: 100%; text-align: left; }
/* ------------------------------------Yorum Yaz--------------------------------------------*/

/*------------------------------------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;}
/*------------------------------------Etiketler--------------------------------------------*/
.bedenT {float: left;position: relative;width: 100%;display: none;}
.bedenTablosu {font-size:12px;font-weight:normal;line-height:12px;float: left;color: #000;position: absolute;top:-70px;right: 0;}
#bedenTablosu{display: none;}

.RightDetail .bedenT{display: block;}

.taksitT { float: right;margin-top: -16px;position: relative;z-index: 5;margin-right: 150px;}
.taksitT .taksitTablosu { color: #000000; font-size: 13px; font-weight: normal;text-decoration:underline;line-height: 13px;float: left;}
.fancybox-inner #taksitTablosu{width: 720px;padding: 10px;}

.RightDetail .product_social_icon_wrapper {display: inline-block!important;vertical-align:top;float: left;margin-top: 45px;padding-right: 32px;margin-right: 40px;border-right: 1px solid #dcdcdc;padding-top: 2.5px;height: 35px;}
.RightDetail .product_social_icon_wrapper .PaylasTit{display: inline-block;vertical-align:top;float: left;font-size: 14px;color: #000;line-height: 30px;margin-right: 15px;font-weight: 600;}
.RightDetail .product_social_icon_wrapper ul {display: inline-block;vertical-align:top;list-style: none;margin:0;padding: 0;}
.RightDetail .product_social_icon_wrapper ul li {float: left;margin-right:8px;}
.RightDetail .product_social_icon_wrapper ul li:last-child { margin-right: 0; }
.RightDetail .product_social_icon_wrapper ul li a {float: left;color: #ffffff;font-size: 14px;}
.RightDetail .product_social_icon_wrapper ul li a i {line-height: 30px;display:inline-block;vertical-align:top;float:left;width: 30px;height: 30px;text-align: center;background: #000;border-radius: 100%;}
.RightDetail .product_social_icon_wrapper ul li a i.fa-facebook{background:#4464a3;}
.RightDetail .product_social_icon_wrapper ul li a i.fa-twitter{background:#60b5f0;}
.RightDetail .product_social_icon_wrapper ul li a i.fa-pinterest{background:#c5061e;}
.RightDetail .product_social_icon_wrapper ul li a i.fa-google-plus{background:#e15541;}

/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip { position: absolute; z-index: -1; display: none; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible;  }
.tooltip.in { opacity:1; filter: alpha(opacity=90); z-index: 1030;display:block;}
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip.right { padding: 0 5px; margin-left: 3px; }
.tooltip.bottom { padding: 5px 0; margin-top: 3px; }
.tooltip.left { padding: 0 5px; margin-left: -3px; }
.tooltip-inner { min-width: 90px; padding:0 15px;line-height:30px; color: #fff; text-align: center; font-size: 12px; text-decoration: none; background: #212121; border-radius: 0; white-space: nowrap;font-weight:normal; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #212121; border-width: 5px 5px 0; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #212121; border-width: 5px 5px 0; }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #212121; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #212121; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #212121; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #212121; border-width: 0 5px 5px; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #212121; border-width: 0 5px 5px }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #212121; border-width: 0 5px 5px }
/* ------------------------------------ ToolTip --------------------------------------------*/


.whatsappSiparis{float: left;background-color: #33d26a;color: #fff;font-size:12px;font-weight: 600;line-height: 30px;padding: 0 20px;border-radius: 4px;}
.whatsappSiparis i{font-size: 20px;margin-right: 5px;float: left;line-height: 30px;}

.UWhatsApp { width: 36px; font-size: 0; margin-top: 0; text-align: center;display: inline-block;vertical-align:top;}
.UWhatsApp a { width: auto; display: inline-block; font-size: 0; text-align: center; padding-left: 0; color: #fff; line-height: 0; border-radius: 100%; text-indent: 0; background: transparent; border: none; }
.whatsApp i { font-size: 22px; line-height: 36px; width: 36px; height: 36px; border-radius: 7px; background: #8cd81f; }
.UWhatsApp label { font-weight: 300; font-size: 0; }
.UWhatsApp:hover a { background: transparent; color: #fff; }
.whatsApp:hover, .whatsApp label:hover, .whatsApp i:hover { color: #fff !important; }

/*Kombin urun*/
/*body .ngdialog.ngdialog-theme-default .ngdialog-content{padding:0;border-radius:0;font-family: 'Montserrat', sans-serif;}
body .kombinContent{float: left;width:100%;background:#fff;padding:30px;}
body .kombinContent ul{float: left;width:100%;max-height: 450px;overflow-y:auto;}
body .kombinContent ul li.kombinItem{float: left;width:50%;padding:0 10px;border: none;background:transparent;margin: 0 0 15px;display: block;overflow: visible;}
body .kombinContent ul li.kombinItem .kombinleftImage{width:100%;float: left;margin-bottom: 15px;}
body .kombinContent ul li.kombinItem .kombinleftImage .kombinImages{float: left;width: 100%;}
body .kombinContent ul li.kombinItem .kombinleftImage .kombinImages .selectedImages{float: left;width: 100%;}
body .kombinContent ul li.kombinItem .kombinleftImage .kombinImages img{max-width:100%;border: none;}
body .kombinContent ul li.kombinItem .kombinRightDetail{float: left;width: 100%;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin{float: left;width:100%;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline{float: left;width:100%;padding: 0;text-align:center;margin-top:2px;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline .kombinright_line{float: left;width:100%;font-size: 14px;color: #b61414;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
body .kombinContent ul li.kombinItem .kombinRightDetail .PriceListKombin .kombinFormline:nth-child(1) .kombinright_line{color: #666;}
body .kombinContent ul li.kombinItem .kombinRightDetail .button{font-size:14px;text-transform:uppercase;border-radius:0;width: 100%;height:35px;line-height: 35px;padding: 0;font-weight:bold;}
body .kombinContent ul li.kombinItem .kombinRightDetail .divKombinUrunEkSecenek{display: none;}*/
/*Kombin urun*/
/*******************************************URUN DETAY********************************/
.detaySliderContainer { float: left; width: 100%; position: relative;margin: 20px 0;}
.detaySliderContainer .ProductList { display: block !important;margin: 0 auto;}
.detaySliderContainer .Jbutonlar { display: none; }
.detaySliderContainer .jCarouselLite {float: left;width: 100%;}
.detaySliderContainer .JKatAdi {margin-top: 25px;}
.detaySliderContainer .owl-carousel {float: left;}
.detaySliderContainer .owl-carousel .owl-stage-outer {padding: 20px 0;}
.detaySliderContainer .owl-dots { display: none;}
/*ÜrünDetay*/

/*Galeri Modülü*/
section.ResimGaleri .ResimGaleriHeadIcerik { text-align: center; }

section.ResimGaleri .Main { position: relative; }

section.ResimGaleri .Main .AllGallery { position: absolute; top: 29px; font-size: 12px; right: 0; color: #000; text-decoration: underline; font-weight: 500; }

section.ResimGaleri .AddGallery { margin: 10px auto; background-color: #000; display: block; width: 200px; text-align: center; color: #fff; padding: 5px 0; }

section.ResimGaleri .AddGallery:hover { background-color: #ddd; color: #000; }

section.ResimGaleri .Main .Marquee-tag { position: relative; cursor: pointer; }

section.ResimGaleri .Main .Marquee-tag img { max-width: 100%; }

section.ResimGaleri .Main .Marquee-tag:hover:before { content: '\f002'; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 9; font-family: fontawesome; width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; }

section.ResimGaleri .Main .Marquee-tag:hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 8; background: rgba(0, 0, 0, 0.46); }

.Modals .modal-body { padding: 30px; max-width: 420px; }

.Modals .modal-body .modal-title { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }

.Modals .modal-body .ResimGaleriHeadIcerik { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .ResimGaleriHeadIcerik h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; text-align: center; }

.Modals .modal-body .modal-Subtitle { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .modal-bottom { text-align: center; border-top: 1px solid #d8d8d8; padding-top: 20px; font-size: 12px; font-style: italic; }

.Modals .modal-body .modal-bottom span.Link { font-style: initial; text-transform: uppercase; color: #000; font-weight: 700; margin-left: 5px; cursor: pointer; }

.AddGalleryModal .Btn { width: 100%; border: 0; text-align: center; text-transform: uppercase; color: #fff; padding: 17px 10px; background-color: #222; border: 1px solid #222; cursor: pointer; display: block; }

.AddGalleryModal .Btn:hover, .AddGalleryModal .Btn:focus { color: #fff; }

.AddGalleryModal .Btn.Orange { background-color: #000; border: 1px solid #000; }

.AddGalleryModal .Btn.Orange:hover { background-color: #000; }

.AddGalleryModal .modal-dialog { margin: 0; }

.AddGalleryModal .modal-body { max-width: 100%; }

.AddGalleryModal .FormElements { margin-bottom: 10px; }

.AddGalleryModal .FormElements > input { padding: 8px 12px; }

.AddGalleryModal .modal-content { background: #fff; }

.AddGalleryModal .Gallery--Wrapper .BtnBox { margin: 30px 0; padding-top: 25px; border-top: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .Title { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .row { box-sizing: inherit; padding: 0; width: auto; margin: 0; height: auto; float: none; background-color: transparent; position: static; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.AddGalleryModal .Gallery--Wrapper .col-lg-6 { width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col-12 { width: 100%; float: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

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

.AddGalleryModal .fileClear { padding: 5px 10px; font-size: 12px; font-weight: 600; display: inline-block; background-color: #f1f1f1; color: #777; }

.AddGalleryModal .box { display: block; background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }

.AddGalleryModal .upload-options { position: relative; height: 35px; background-color: #000; cursor: pointer; overflow: hidden; text-align: center; -webkit-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }

.AddGalleryModal .upload-options:hover { background-color: #000; }

.AddGalleryModal .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.AddGalleryModal .upload-options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; }

.AddGalleryModal .upload-options label::after { content: 'Resim Seç'; position: absolute; font-size: 14px; color: #ffffff; z-index: 0; width: 100%; }

.AddGalleryModal .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; }

.AddGalleryModal .js--image-preview { height: 120px; width: 100%; line-height: 120px; text-align: center; position: relative; overflow: hidden; background-color: white; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.AddGalleryModal .js--image-preview::after { content: "\f1c5"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 50px; color: #e6e6e6; z-index: 0; }

.AddGalleryModal .js--image-preview.js--no-default::after { content: "\f1c5"; color: #000; border: 3px solid #000; border-radius: 50%; padding: 10px; font-size: 50px; background-color: rgba(0, 0, 0, 0.11); }

.AddGalleryModal .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }

.AddGalleryModal .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; }

.AddGalleryModal .FormElements { width: 100%; margin-bottom: 15px; display: block; }

.AddGalleryModal .FormElements .Or { margin: 20px 0; text-align: center; position: relative; }

.AddGalleryModal .FormElements .Or::after { content: ''; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; right: 0; top: 50%; display: table; }

.AddGalleryModal .FormElements .Or > span { font-style: italic; font-size: 12px; background-color: #fff; padding: 0 10px; position: relative; z-index: 1; display: inline-block; line-height: 20px; color: #949494; }

.AddGalleryModal .FormElements label { font-size: 12px; margin: 5px 0; width: 100%; color: #1894ac; }

.AddGalleryModal .FormElements input, .FormElements textarea { border: 1px solid #bdbdbd; display: block; width: 100%; padding: 12px; font-size: 14px; }

.AddGalleryModal .FormElements textarea { min-height: 100px; max-height: 100px; max-width: 100%; }

.AddGalleryModal select { font-size: 14px; padding: 14px 35px 14px 14px; }

.AddGalleryModal .FormElements .input-box { position: relative; }

.AddGalleryModal .FormElements .input-box .ShowPass { padding-right: 50px; }

.AddGalleryModal .FormElements .input-box .btn-show-password { position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 24px; }

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before { content: "\e992"; }

.AddGalleryModal .form_valition { display: none; }

.AddGalleryModal .galleryFooterSuccess { display: none; }

.AddGalleryModal #vdUrunVideo { float: left; width: 100%; }


@media(max-width:480px) {
    section.ResimGaleri .Main .AllGallery { position: static; margin: 10px auto 0; display: table; }
}
/*Galeri Modülü*/

.KasaOnuFirsatlarContent ul li a { margin-bottom: 10px !important; max-height: auto !important; }
.KasaOnuFirsatlarContent ul li a img { max-height: auto !important; }
.KasaOnuFirsatlarContent ul li span,.KasaOnuFirsatlarContent ul li p { line-height: 26px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.KasaOnuFirsatlarContent ul li span + span,.KasaOnuFirsatlarContent ul li p + span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.bottomHead{display: none;}

@media screen and (min-width:1341px) and (max-width:1367px) {
    .bRow{margin: 0;}
    .Glist ul{margin: 0;}
    .blokRow{margin: 0;}
    .ItemOrj{padding: 0 10px;}
    .categoryContainer .ProductList{margin: 0 -10px;}
    .ticiContainer.categoryContainer{padding: 0 10px;}
    body.CategoryBody ul.breadcrumb{padding: 0 10px!important;}
}
@media screen and (min-width:1201px) and (max-width:1340px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1160px;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:1160px;}
    .detaySliderContainer .ProductList{max-width:1160px;}
    .homeContainer .ProductListContent .ProductList{max-width:1160px;}
    .markaSlider .jCarouselLite{max-width:1160px;}

    .bRow{margin: 0 -12px;}
    .Glist ul{margin: 0 -12px;}
    .blokRow{margin: 0 -12px;}
    .categoryContainer .ProductList {margin: 0 -12px;}
    .navigation .navUl > li > a{font-size: 14px;padding: 0 25px;}
    .searchContent{width: 270px;}
    body #divSayfalamaUst .blockSelect{display: none!important;}

}
/*Tablet Laptop Arasi*/
@media screen and (min-width:1042px) and (max-width:1200px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 960px;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:960px;}
    .detaySliderContainer .ProductList{max-width:960px;}
    .homeContainer .ProductListContent .ProductList{max-width:960px;}
    .markaSlider .jCarouselLite{max-width:960px;}

    .navigation .navUl > li > a{font-size: 14px;padding: 0 15px;}
    .Glist ul li .Gblok .Gicon{width: 100%;text-align: center;}
    .Glist ul li .Gblok .Gtext{width: 100%;}

    .productItem .discountPrice span{font-size: 16px;}
    .productItem .regularPrice span{font-size: 12px;}
    .productItem .regularPrice{margin-right: 5px;}
    .favori{right: 35px;}
    .mycartIcon{right: 10px;}

    body #divSayfalamaUst .blockSelect{display: none!important;}

    #divKombinSatinAl{width: 50%;}
    .basketBtn,.buyfast{width: calc(50% - 49.5px);}
    .basketBtn{margin: 0 10px;}
    .ProductIcon2 > div > a{margin-right: 4px;padding: 0 5px;}
    .RightDetail .product_social_icon_wrapper{padding-right: 0;border-right: none;}
}
/*Tablet Dik ve Yatay*/
@media screen and (min-width:768px) and (max-width:1041px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody #header .ticiContainer,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 720px;}
    .leftImage{width: 50%;padding:0;background:transparent;}
    #divVideoGoruntulemeAlan{width: 100%!important;}
    .Images{width: 100%;}
    .SmallImages div{width: 22%;height: auto;margin-top: 10px;margin-right: 10px;margin-bottom: 0;}
    .RightDetail{width: 50%;padding: 0 0 0 10px;}
    .taksitBlok{width: 50%;}
    .homeContainer .ProductListContent .ItemOrj{width: 33.33%;max-width:33.33%;}
    /* ------------------------------------Container--------------------------------------------*/
    .sliderBannerContainer .ProductList{max-width:720px;}
    .detaySliderContainer .ProductList{max-width:720px;}
    .homeContainer .ProductListContent .ProductList{max-width:720px;}
    .markaSlider .jCarouselLite{max-width:720px;}

    .htop ul li:after,#lang_flag_container #lang:after{margin: 0 10px;}
    #lang_flag_container{right: 235px;}
    .searchContent{margin:0;width: 100%;}
    .navigation .navUl > li > a{font-size: 13px;padding: 0 5px;}
    .headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis{font-size: 12px;}
    .mycart > a,.hfav > a{font-size: 12px;}

    .navigation .altMenu{padding: 30px;width: 650px;}
    
    .productItem .discountPrice span{font-size: 16px;}
    .productItem .regularPrice span{font-size: 12px;}
    .productItem .regularPrice{margin-right: 5px;}
    .favori{right: 35px;}
    .mycartIcon{right: 10px;}

    .PlSc_4 .productItem .discountPrice span{font-size: 13px;}
    .PlSc_4 .productItem .regularPrice span{font-size: 10px;line-height: 1.1;}
    .PlSc_4 .mycartIcon{bottom: 5px;}
    .PlSc_4 .mycartIcon a:before{font-size: 14px;}
    .PlSc_4 .favori{bottom: 5px;}
    .PlSc_4 .favori a:before{font-size: 14px;}

    .blokRow{margin: 0 -5px;}
    .dortluBlok{padding: 0 5px;}

    .Glist ul li .Gblok{padding: 15px 10px;}
    .Glist ul li .Gblok .Gicon{width: 100%;text-align: center;}
    .Glist ul li .Gblok .Gtext{width: 100%;}

    .Footer .FooterMiddle ul li span{font-size: 10px;}
    .Footer .FooterMiddle ul li a{font-size: 11px;}
    .Footer .FooterMiddle ul li:first-child{width: 140px;}
    .Footer .FooterMiddle ul li .Filetisim i{font-size: 11px;}
    .Footer .FooterMiddle ul li .Filetisim p{font-size: 11px;}

    .ProductIcon2 > div > a{margin-right: 4px;padding: 0 5px;}
    .RightDetail .product_social_icon_wrapper{padding-right: 0;border-right: none;}
    body .category-vertical-filters.top-filters{width: 400px!important;}
    .leftImage .mobileImageSlider{float: left;}

    .tabletaf{position:fixed;right: -100%;width: 100%; top: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 1001;}
    .tabletaf.acik{right: 0;}

}
@media (max-width: 1024px) {
    .hsbmFvrProductContent .hsbmFvrProductItemCol{width:100%;}
}
@media screen and (max-width:1041px) {
    /******************************************************/
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst {  padding:0;margin:5px 0 20px;width: 100%;}
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button {padding: 0;margin: 0;color: #000;width: 47%;float:left; line-height: 40px;background: #fff;font-size: 14px;display: inline-block;vertical-align:top;font-weight: bold;}
    body .mobilFilterOpenBtn .button.mobilSiralamBtn {border-right: 1px solid #e3e3e3;float: left;}
    body .mobilFilterOpenBtn .button.mobilFilterBtn {float: right;background: #f1f1f1;border: 1px solid #f1f1f1;}
    body .mobilFilterOpenBtn { margin:0;padding: 0;}
    .categorydesign .uNo{float: right;color: #999a9d;font-size: 12px;}
    body #divSayfalamaUst .filterDeleteContent{display: none;}

    body #divSayfalamaUst.Slct .brandlistselection{position: absolute;top:0;z-index: 9;width: 50%;background: #fff;border: none;left: 0;padding: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width: 94%;display: block!important;border:1px solid #e5e5e5;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width: 100%;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width: 100%;height: 40px;background: transparent;font-size: 14px;border: none;color: #000;text-align-last:center;font-weight: bold;min-width: auto;}
    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: 25;border-bottom: none;background: #fff;border: 1px solid #e5e5e5;}
    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-bottom: 1px solid #e5e5e5;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 a:before{display:none;}

    /* FLOATING REFINED / MOBIL FILTRE CEKMECESI */
    body .mobilFilterOpenBtn .button.mobilFilterBtn {
        float: right;
        color: #29463a;
        font-weight: 600;
        background: #fff;
        border: 1px solid #dbe5df;
        border-radius: 6px;
    }

    body .category-vertical-filters.top-filters {
        display: block !important;
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        z-index: 99999;
        width: min(380px, 88%);
        margin: 0;
        padding: 0 16px 24px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        border: none;
        border-top: 3px solid var(--theme-color);
        box-shadow: -16px 0 40px rgba(28, 67, 50, .12);
        transition: right .25s ease;
    }
    body .filterBlock.active .category-vertical-filters.top-filters {
        right: 0;
    }

    body .category-vertical-filters.top-filters .FiltreUst {
        position: sticky;
        top: 0;
        z-index: 4;
        float: left;
        width: calc(100% + 32px);
        min-height: 56px;
        margin: 0 -16px 10px;
        padding: 0 16px;
        color: #263e33;
        font-size: 15px;
        line-height: 56px;
        text-align: center;
        background: rgba(255,255,255,.97);
        border-bottom: 1px solid #e9eeeb;
        backdrop-filter: blur(8px);
    }
    body .category-vertical-filters.top-filters .FiltreUst span {
        position: absolute;
        inset: 0;
        display: inline-block;
        vertical-align: top;
        pointer-events: none;
    }
    body .category-vertical-filters.top-filters .FiltreUst span:before {
        content: 'Filtreler';
        color: #263e33;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -.1px;
    }
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
        position: relative;
        z-index: 5;
        float: left;
        color: #52675d;
        font-size: 22px;
        line-height: 56px;
        cursor: pointer;
    }
    body .category-vertical-filters.top-filters .FiltreUst a {
        position: relative;
        z-index: 5;
        float: right;
        color: #708078;
        font-size: 12px;
        line-height: 56px;
    }
    body .category-vertical-filters.top-filters .FiltreUst a.active {display:block;}
    body .category-vertical-filters.top-filters .FiltreUst a i {
        display: inline-block;
        margin-left: 5px;
        color: #708078;
        font-size: 18px;
        line-height: 56px;
        vertical-align: top;
    }

    body .category-vertical-filters.top-filters .tukgo {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #ebefec;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
        float: left;
        width: 100%;
        padding: 15px 42px 15px 0;
        color: #2b4338;
        font-size: 12.5px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        background: #fff;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before {
        content: '';
        position: absolute;
        top: 0;
        right: 19px;
        bottom: 0;
        z-index: 1;
        width: 16px;
        height: 16px;
        margin: auto 0;
        background: #fff;
        border: 1px solid #ced5d1;
        border-radius: 100%;
        box-shadow: none;
        transition: all .18s ease;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 34px;
        height: 20px;
        margin: auto 0;
        background: #dfe5e1;
        border-radius: 20px;
        transition: all .18s ease;
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before {
        right: 1px;
        background: #fff;
        border-color: var(--theme-color);
    }
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after {
        background: var(--theme-color);
    }

    body .category-vertical-filters.top-filters .panel {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #ebefec;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        border: none;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading a {
        float: left;
        width: 100%;
        padding: 15px 28px 12px 0;
        color: #2b4338;
        font-size: 12.5px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        text-transform: none;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading a:after {
        content: '+';
        position: absolute;
        top: 15px;
        right: 0;
        color: #789085;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }
    body .category-vertical-filters.top-filters .panel .panel-heading.active a:after {
        content: '−';
    }
    body .category-vertical-filters.top-filters .panel .panel-heading .moreNum {
        position: absolute;
        top: 15px;
        right: 24px;
        bottom: auto;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        color: #315d49;
        font-size: 10px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        background: #e9f2ec;
        border-radius: 9px;
    }

    body .category-vertical-filters.top-filters .list-group.dropdown {
        position: static;
        width: 100%;
        margin: 0 0 14px;
        padding: 0;
        background: transparent;
        border: none;
        border-top: none;
        box-shadow: none;
    }
    body .category-vertical-filters.top-filters .list-group.dropdown ul {margin-top:10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li {
        float: left;
        width: 100%;
        margin: 0 0 10px;
        text-align: left;
    }
    body .category-vertical-filters.top-filters .list-group.dropdown li a,
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a {
        float: left;
        color: #44544c;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item:before {
        content: '';
        display: inline-grid !important;
        place-items: center;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
        background: #fff;
        border: 1px solid #ced5d1 !important;
        border-radius: 3px;
    }
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item.selected:before {
        content: '✓';
        color: #fff;
        background: var(--theme-color);
        border-color: var(--theme-color) !important;
    }
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item.list-group-item-image {
        height: auto;
        background: transparent !important;
    }
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item.list-group-item-image:before {
        display: none !important;
    }

    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter {
        width: 100%;
        margin: 0;
    }
    body .category-vertical-filters.top-filters .panel .FiyatTextBox {
        position: static;
        width: 100%;
        margin: 0;
        padding: 0 0 14px;
        background: #fff;
        border: none;
        box-shadow: none;
    }
    body .category-vertical-filters.top-filters .panel .FiyatTextBox input[type='text'] {
        height: 34px;
        color: #46564e;
        font-size: 11px;
        background: #fafcfb;
        border: 1px solid #dfe5e1;
        border-radius: 5px;
    }

    body .category-vertical-filters.top-filters .FiyatSlider {
        display: block !important;
        width: 100%;
        padding-bottom: 14px;
    }
    body .category-vertical-filters.top-filters .slider-range {
        width: calc(100% - 12px) !important;
        height: 2px;
        margin: 7px 6px 14px !important;
        background: #dbe1dd;
        border: none;
        border-radius: 2px;
    }
    body .category-vertical-filters.top-filters .slider-range .ui-slider-range {
        height: 2px;
        background: var(--theme-color);
    }
    body .category-vertical-filters.top-filters .slider-range .ui-slider-handle {
        top: -5px;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 3px solid var(--theme-color);
        border-radius: 100%;
        box-shadow: 0 1px 4px rgba(33, 71, 55, .15);
    }
    body .category-vertical-filters.top-filters .amount {
        padding: 0;
        color: #66756e;
        font-size: 11px;
        text-align: left !important;
    }

    .centerCount{width:100%!important;}
    .leftBlock {display:none!important;}
    .rightBlock {display:none!important;}
    .UyeolContent .grid { margin: 30px 18px; }
    .owl-carousel .owl-item img { max-width: 100%; }
    .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;}

    .taksitBlok{width: 100%;}
    .urunOzellik { margin:10px 0;padding:0; width: 100%;}
    .urunTabAlt {max-height: 100%;}
    .urunOzellik .mobilTab ul li.active .urunDetayPanel { display: block !important;}
    .urunOzellik .mobilTab .urunDetayPanel {max-height:100%;overflow-y: auto;padding: 5px;width: 100%;min-height: 100%;margin: 0;}
    .urunOzellik .mobilTab { float: left; width: 100%; }
    .urunOzellik .mobilTab > ul { float: left; width: 100%;list-style: none;padding: 0;margin:0; }
    .urunOzellik .mobilTab > ul > li { float: left; width: 100%;border-bottom: 1px solid #e5e5e5;}
    .urunOzellik .mobilTab > ul > li > a {text-transform: uppercase;float: left;width: 100%;line-height: 50px;font-size: 14px;color: #000;text-align: left;font-weight: bold;}
    .urunOzellik .mobilTab > ul > li > a span {font-weight: bold;}
    .urunOzellik .mobilTab > ul > li > a:after {float: right;line-height: 50px;margin-right: 5px;content: '\f067';font-family: 'FontAwesomePro';font-weight: normal;}
    .urunOzellik .mobilTab > ul > li.active > a:after { content: '\f068'; }
    .divYorumYaz, #yorumYaz{padding: 0!important;width: 100%;}
}


.menuUstBolum { width: 100%; display: inline-block; float: left; margin-top:0; border-bottom:1px solid #e8e8e8;margin-top: 40px;}
.menuUstBolum .CloseBtnMenu { float: right; line-height: 80px; color: #656565; font-size: 50px; width: 80px; text-align: center; margin:0;cursor: pointer;}
.menuUstBolum .CloseBtnMenu i{font-weight:300;}
.menuUstBolum .mobilMenuBT{float: left;color: #000000;font-size: 13px;padding-left: 35px;cursor:pointer;}
.menuUstBolum .mobilMenuBT i{float: left;font-size: 24px;line-height: 80px;margin-right: 10px;}
.menuUstBolum .mobilMenuBT span{float: left;font-weight: 500;line-height: 80px;}
.mobilaf{position:fixed;right:0;left: 0; width: 100%; top: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1001;display: none;  }
.mobilaf.acik{display: block;}
.mobilMenu {position: fixed;left:-100%;top: 0;bottom: 0;width: 360px; z-index: 99999;background:#fff;transition:left .3s ease-in-out;}
.mobilMenu.acik {left: 0;}
.mobilMenu .menuIcerikAlan {float: left;width: 100%;height:calc(100% - 121px);position:absolute;top: 121px;right: 0;left: 0; overflow-y:auto;overflow-x:hidden;}
.mobilMenu .navUl { float: left;width: 100%;height: 100%;}
.mobilMenu .navUl > li, .mobilMenu .navUl > li > ul li { float: left; width: 100%;border-bottom: 1px solid #e8e8e8;position: relative;padding: 0 0 0 20px;}
.mobilMenu .navUl > li > a, .mobilMenu .navUl > li > ul li a {color: #000000; font-size: 14px;font-weight:normal;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 15px;z-index:2;position: relative;}
.mobilMenu .navUl > li > a[title="FIRSATLAR"] {
  color: white !important;
  background-color: #f2931f !important;
  font-weight: 600 !important;
  border: 1px solid #d17d0c;
  box-shadow: 0 0 4px rgba(242, 147, 31, 0.2);
  text-transform: uppercase;
  border-radius: 4px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  width: fit-content;
  margin-left: 15px;
}

.mobilMenu .navUl > li .ResimsizDown, .mobilMenu .navUl > li > ul li .ResimsizDown2{float: right;position:absolute;right: 0;top: 0;left: 0;z-index: 1;padding-right: 20px;cursor: pointer;}
.mobilMenu .navUl > li .ResimsizDown i, .mobilMenu .navUl > li > ul li .ResimsizDown2 i{line-height: 40px;font-size: 20px;float: right;}
/*Resimsiz Menu*/
.mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul  {position: fixed;left:-100%;top: 121px;bottom: 0;width: 360px;background: #fff;z-index: 3;transition:all .3s ease-in-out;overflow-y: auto; overflow-x: hidden;}
.mobilMenu .navUl > li ul.over{overflow-y:hidden;}
.mobilMenu .navUl > li > ul.active, .mobilMenu .navUl > li > ul li ul.active {left: 0;}
.mobilMenu .navUl > li > ul > span, .mobilMenu .navUl > li > ul li ul > span{position: relative;float: left;width: 100%; color:#000000;font-size: 18px;font-weight: 500;line-height: 55px;padding-left: 70px;border-bottom: 1px solid #e5e5e5;}
.mobilMenu .navUl > li > ul > span span, .mobilMenu .navUl > li > ul li ul > span span{z-index: 0;position: relative;}
.mobilMenu .navUl > li > ul > span .NoiBack, .mobilMenu .navUl > li > ul li ul > span .NoiBack2{position: absolute;left: 0;right: 0;top: 0;bottom: 0;line-height: 55px;text-align:left;z-index: 1;padding-left: 35px;font-size: 20px;cursor:pointer;}
.mobilMenu .navUl > li > ul > span .NoiBack i, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 i{font-weight: normal;}
.mobilMenuAcButton{margin: 0;font-size: 25px;float: left;position: relative;margin-top: 30px;margin-right: 10px;}
.mobilMenuAcButton span{display: block;margin-left: 0;line-height: 1;font-size: 8px;}
.mobilMenuAcButton i{float:none;display:block;line-height: 1;}

@media screen and (max-width:767px) {
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum{padding: 0 10px;width: 100%;}
    .mobilMenuAcButton{left: 10px;top:13px;display: block;margin: 0;font-size: 22px;float: right;position: absolute;}
    /*Sabit sayfalar icerik*/
    .userLeftBox, .userRightBox { margin: 5px !important; padding: 10px !important; }
    .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%; }
    /*Sabit sayfalar icerik*/
    .tabletaf{display: none;}
    body{padding: 0 10px;}  
    .mobilMenu{height: calc(100% - 47px);width: 100%;}
    .mobilMenu .navUl > li > ul, .mobilMenu .navUl > li > ul li ul{width: 100%;}
    body .category-vertical-filters.top-filters{height: calc(100% - 47px);}
    /*Logo*/
    #logo { float: none; position: static; display: block; border: none; width: auto;padding: 0; background: transparent; margin: 0; }
    #logo:after {display: none;}
    #logo .logo {margin: 0 auto;width: 120px;float: none;padding: 15px 0;text-align: center;display:block;background:transparent;}
    #logo .logo img { max-width: 100%; display: inline-block; }
    /*Logo*/
    /*header click button*/
    .mycart{top: 18px;z-index: 2;}
    .mycart .sepetUrunSayisi{background: #000;line-height: 17px;}
    .welcomeOpen{position: absolute;top: 0;right: 55px;display: block;font-size: 22px;color: #000;}
    .mycartClick{position: absolute;top: 0;right: 15px;display: block;font-size: 22px;color: #000;}
    .welcomeOpen i{display: inline-block;vertical-align:top;line-height: 61px;}
    .mycartClick i{display: inline-block;vertical-align:top;line-height: 61px;}

    /*header click button*/
    .htop{display: none;}
    .hfav{display: none;}
    .resimliYanMenu { display: none; }
    .navigation { display: none }
    #header {border: none;padding-top: 0;box-shadow: none;z-index: 99;height:auto;position: relative;left: 0;right: 0;top: 0;padding-bottom: 10px;margin-bottom: 10px;box-shadow: 0 6px 6px -6px #eee;}
    #header:before{display: none;}
    #header.homeHeader { border: none;}
    .headerContent {text-align:left;}
    /*Arama*/
    .homeHeader .searchContent{display: block;}
    .searchContent {display: block;width: 100%;margin: 0;height: 0;position: static;padding: 0;border: none;transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;height: 45px;}  .search { margin: 0; max-width: 100%; width: 100%; position: relative; padding: 0; display: block; }
    .search:after { display: none; }
    .search:before { display: none; }
    .search .crossclick { display: none; }
    #divAramaKategori { top: 0; left: 0; }
    #divAramaKategori select { width: 70px; padding-left: 5px; font-size: 10px; height: 34px; }
    #txtbxArama {height: 45px;padding-right: 45px;padding-left: 10px;width: 100%;box-shadow: none;font-size: 15px;border-radius: 0;margin:0;border: none;background: #f5f5f5;}
    #btnKelimeAra {width: 45px;height: 45px;right: 0;top:0;line-height: 45px;text-indent: 0;padding: 0;left: auto;background-position: center center;background-image: none;border: none;border-radius: 0;font-size: 20px;text-align:center;background: transparent;color: #000;font-family: 'FontAwesomePro'!important;}
    .ButtonMic{right:34px;height: 34px;}
    /*Arama*/
    /*hosgeldin div*/
    .welcome {display:block; width: 100%; position: absolute; top: 100%; right: 0; bottom: auto; text-align: center; background: transparent; border: none; padding: 0; margin: 0; height: 0; border-radius: 0; z-index: 100; overflow: hidden; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; }
    .welcome.active { height: 34px; background:#444 ;}
    .welcome>div { width: 100%; position: static; padding: 0; box-shadow: none; display: block; background: transparent; margin: 0; }
    .welcome>ul { margin: 0; }
    .welcome>div:before { display: none; }
    .welcome:before { display: none; }
    .mobilMenu .welcome { display: block; }
    .welcome ul { float: left; width: 100%; }
    .welcome li { float: none; display: inline-block!important; width: auto;vertical-align:top;}
    .headerSocialConnect {margin-left: 0;}
    .headerSocialConnect .baglanButton{margin-left:10px;}
    .headerSocialConnect .baglanButton a{line-height:34px;font-size:13px;color: #fff;padding:0;}
    .headerSocialConnect .baglanButton a:before{line-height: 34px;}
    .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block!important; font-size: 13px; line-height: 34px; color: #fff; border: none; padding: 0; width: auto; height: auto; margin: 0; font-weight:500;}
    .headerUyeGiris a, .headerHesabim { background: transparent; margin-right: 10px; }
    .headerUyeGiris a:after, .headerHesabim:after, .headerCikis:after, .headerUyeOl a:after, .headerUyeGiris a:before, .headerHesabim:before, .headerCikis:before, .headerUyeOl a:before { display: none; }
    /*hosgeldin div*/
    /**Sepet Mobil**/
    .SepetUst{float: left;width: 100%;text-align:center;color: #fff;line-height: 50px;font-size: 16px;margin-bottom: 10px;background:var(--theme-color);}
    .SepetUst span{display: inline-block;vertical-align:top;}
    .SepetUst .seClose{float: left;width: 40px;font-size: 22px;}
    .SepetUst .seClose i{display: inline-block;vertical-align:top;line-height: 50px;}
    .mycart {width: 16px;height: 16px;background: none !important;padding: 0;margin: 0;border: none;position: absolute;right: 5px;left: auto;bottom: auto;z-index: auto;}
    .mycart:before{display: none;}
    .mycart:after{display: none;}
    .mycart .sepetTopTutar { display: none !important; }
    .mycart .sepetUrun { display: none !important;}
    .mycart .sepetTecxt { display: none !important; }
    .mycart .sepetUrunSayisi{display: block !important;width: 16px;height: 16px;line-height: 16px;color: #fff;border-radius:100%;text-align:center;font-size: 12px;border: none;position: static;margin: 0;font-weight: 600;}
    .mycart .sepetUrunSayisi:before{display: none;}
    .mycart .sepetUrunSayisi:after{display: none;}
    .mycart a {display: block;width: auto;height:auto;padding:0;border: none;margin: 0;background:transparent;}
    .mycart > a:before{display: none;}
    .mycart > a:after{display: none;}
    .CartProduct {background:url('images/sabit/menubg.png')repeat-y 0 0 #fafafa;background-size:100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 47px); padding: 5px; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1;visibility:visible;-moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}
    .CartProduct .CartProductInner{float: left;width: 100%;height: 100%;}
    .CartProduct:before{display: none;}
    .CartProduct:after{display: none;}
    .CartProduct.animated { right: 0; }
    .CartProduct .SProduct li a *{display: inline-block!important;padding: 0;line-height: 1;}
    .CartProduct .SProduct {float: left;width: 100%;max-height: 75%;overflow-y: auto;overflow-x: hidden;font-size: 0;text-align:left;}
    .CartProduct .SProduct li{float: left;width: 100%;position: relative;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
    .CartProduct .SProduct li a{display: inline-block;vertical-align:top;font-size: 12px;color: #000;text-align:right;width: 100%;}
    .CartProduct .SProduct li a img{width: 70px;margin-right: 10px;float: left;}
    .CartProduct .SProduct li a .SepettopAd{display: inline-block;vertical-align: top;width: calc(100% - 85px);margin: 0;margin-top: 10px;float: left;}
    .CartProduct .SProduct li a .SepettopAd span{float: left;clear: left;max-width: 100%!important;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;margin-bottom: 10px;}
    .CartProduct .SProduct li a .SepettopAd span:nth-child(2){margin-left: 2px;}
    .CartProduct .SProduct li a .SepetTopAdet{display: inline-block;vertical-align: top;margin: 0 5px;line-height: normal;margin-right: 10px;}
    .mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat{display: inline-block!important;vertical-align:top;margin: 0 5px;margin-top: 20px;}
    .CartProduct .SProduct li a:nth-child(2){position: absolute;right: 0;top: 0;font-size: 0;width: auto;}
    .CartProduct .button{width: 49%;text-transform: uppercase; padding: 0;margin: 5px 0!important;line-height: 30px;font-size: 12px!important;display: block!important; border: none; background: #000; color: #fff; text-align: center; border-radius: 0;}
    .CartProduct .headerOrderBtn{float: right;}
    .divustSepetteUrunYok span { width: 100%; float: left; text-align: center; color: #000; font-weight: 500; line-height: 30px; font-size: 16px; margin-bottom: 15px; }
    .sepetTopTutar { font-size: 0; padding: 0; border: none; }
    /**Sepet Mobil**/
    /*Anasayfa*/
    .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;}
    .bottomHead ul li{float: left;width: 25%;}
    .bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 5px 0;color: #000;position: relative;}
    .bottomHead ul li a i{display: block;margin: 0 auto 3px;font-size: 18px;}
    .sepetimBody .bottomHead{display: none;}
    #divTicimaxCopyrightContent{float: left;width: 100%;margin-bottom: 50px;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}

    .KBlok{padding: 40px 0 25px;}
    .KBlok ul{padding: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; display: block;padding-bottom: 10px;}
    .KBlok ul li {display: inline-block; vertical-align: top; margin: 0 20px; }

    .bRow{margin:0 0}
    .Ecol1{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol1 a{margin-bottom: 10px;}
    .Ecol2{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol2 a{margin-bottom: 10px;}
    .Ecol3{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol3 a{margin-bottom: 10px;}
    .Ecol4{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol4 a{margin-bottom: 10px;}
    .Ecol5{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol5 a{margin-bottom: 10px;}
    .Ecol6{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol6 a{margin-bottom: 10px;}
    .Ecol7{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol7 a{margin-bottom: 10px;}
    .Ecol8{float:left; width:100%;padding:0;margin-bottom: 0;}
    .Ecol8 a{margin-bottom: 10px;}

    .sliderBannerContainer .owl-carousel .owl-stage-outer{padding: 0;}
    .productItem .productDetail{padding: 20px 8px;height: 135px;}
    .productItem .discountPrice span{font-size: 14px;}
    .productItem .regularPrice span{font-size: 11px;}
    .TukendiIco{left: 20px;right: 20px;height: calc(100% - 145px);}
    .productItem .productFaMyEx .newIcon{width: 40px;line-height: 25px;height: 25px;margin-bottom: 3px;font-size: 11px;}
    .productItem .productFaMyEx .discountIcon{width: 40px;line-height: 25px;height: 25px;font-size: 11px;}
    .productItem .productFaMyEx .firsatIcon{padding: 5px;font-size: 11px;}
    .mycartIcon a:before,.favori a:before{font-size: 20px;}
    .favori{bottom: 10px;left: 55px;display: block;right: auto;}
    .mycartIcon{bottom: 10px;right: 55px;display: block;}
    .JKatAdi{margin: 25px 0 15px;}

    .Glist{margin:10px 0;}
    .Glist ul{margin: 0;}
    .Glist ul li{width: 100%;margin-bottom: 10px;padding: 0;}
    .Glist ul li:last-child{margin-bottom: 0;}
    .Glist ul li .Gblok{padding: 20px 30px 20px 40px;}
    .Glist ul li .Gblok .Gtext strong{font-size: 17px;line-height: normal;}

    .Footer .FooterTop{background-size: 200%;padding: 50px 40px 90px;}
    .Footer .FooterTop strong{font-size: 0;}
    .Footer .FooterTop strong:before{content: "\f0e0";font-size: 25px;font-family: 'FontAwesomePro';font-weight: 300;}
    .Footer .FooterTop .ebultenDiv{width: 100%;}
    .Footer .FooterTop .ebultenDiv .ebultenGelecek{margin-top: 20px;}
    #txtbxNewsletterMail{padding: 0 10px;}
    .newsbutton{left: 0;top: auto;bottom: -55px;color: #fff!important;margin: 0 auto!important;font-size: 16px!important;letter-spacing: 0.5px;}

    .Footer .FooterMiddle .ticiContainer > ul{display: block;}
    .Footer .FooterMiddle { width: 100%; float: left;padding:0 10px 5px;margin: 0;border:none;}
    .Footer .FooterMiddle .ticiContainer >ul >li >ul{display:block;  }
    .Footer .FooterMiddle .ticiContainer >ul >li.acik >ul{display: block;}
    .Footer .FooterMiddle .ticiContainer >ul >li> span {margin-bottom:0;font-size:14px;border-top: 1px solid #252525;line-height: 70px;width:100%;}
    .Footer .FooterMiddle .ticiContainer >ul >li:last-child span{margin: 0;}
    .Footer .FooterMiddle .ticiContainer >ul >li >span:before{display: none;}
    .Footer .FooterMiddle .ticiContainer >ul >li >span:after{display: none;}
    .Footer .FooterMiddle .ticiContainer >ul >li .ackapabtn{float: right;font-size: 22px;}
    .Footer .FooterMiddle .ticiContainer >ul >li .ackapabtn i{margin-right: 0;font-size: 14px;line-height: 70px;font-weight: 500;}
    .Footer .FooterMiddle .ticiContainer >ul >li { float: left; width: 100%; text-align: center;min-height:100%;padding:0;border:none;margin: 0;}
    .Footer .FooterMiddle .ticiContainer >ul{display:block;width: 100%;}
    .Footer .FooterMiddle .ticiContainer >ul >li {width:100%!important;}
    .Footer .FooterMiddle .ticiContainer >ul >li >ul {float: left; width: 100%;}
    .Footer .FooterMiddle .ticiContainer >ul >li >ul >li >a{font-size: 13px;margin-bottom:5px;width: 100%;display: block;color: #fff;font-weight: 400;line-height: 30px;}
    .Footer .FooterMiddle .ticiContainer > ul > li:last-child{width:100%;}
    .Footer .FooterMiddle .ticiContainer > ul > li > ul{display: none;}
    .Footer .FooterMiddle ul li.Filetisim ul li{text-align: left;color: #fff;}

    .Footer .FooterBottom{padding: 0 10px;}
    .Footer .FooterBottom .FooterBottomLeft{width: 100%;padding: 30px 0;border-bottom: 1px solid #252525;}
    .Footer .FooterBottom .FooterBottomLeft ul{display: inline-block; width: 100%; text-align: center;}
    .Footer .FooterBottom .FooterBottomLeft ul li{float: none; display: inline-block;margin-right: 3px;}
    .Footer .FooterBottom .FooterBottomRight{width: 100%;padding: 30px 0;}
    .Footer .FooterBottom .FooterBottomRight span{display: none;}
    .Footer .FooterBottom .FooterBottomRight ul{width: 100%;display: inline-block;text-align: center;}
    .Footer .FooterBottom .FooterBottomRight ul li{float: none; display: inline-block;margin-right: 8px;}

    .Footer .FooterBottomBottom{padding: 20px 0;}
    .Footer .FooterBottomBottom .FooterBottomBottomLeft{width: 100%;text-align: center;}
    .Footer .FooterBottomBottom .FooterBottomBottomRight{width: 100%;text-align: center;margin-top: 20px;}

    html #divTicimaxCopyrightContent p#ticimaxCopyright {font-family: 'Montserrat', sans-serif !important; line-height: 25px; }
    html #divTicimaxCopyrightContent #ticimaxCopyright a{font-weight: normal;}

    /*Anasayfa*/
    /*Kategori*/
    body ul.breadcrumb{border: none;margin-bottom: 10px;}
    body ul.breadcrumb li:first-child:before{line-height: 35px;}
    body ul.breadcrumb *{line-height: 35px!important}
    body ul.breadcrumb li:after{line-height: 35px;}

    .KatAc{width: 100%;padding: 10px 15px;}
    .KatAc .KatDetay span{font-size: 25px;}
    .KatAc .KatDetay p{font-size: 12px;line-height: 25px;}

    .categoryContainer .ProductList{margin: 0 -10px;}
    .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%;}
.homeContainer .ProductListContent .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 1vw;}
    .pageNumberBottom{margin: 10px 0;}
    body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;}
    /*Kategori*/

    /*Ürün Detay*/
    .Images{width: 100%;}
    .leftImage{width: 100%;}
    .leftImage .SmallImages{display: none!important;}
    .leftImage .mobileImageSlider{float: left;}
    .leftImage #linkOncekiSayfa{position: absolute; top: 10px; left: 10px; z-index: 9; font-size: 0px!important;width: 50px;height: 40px;background: #fff;text-align: center;}
    .leftImage #linkOncekiSayfa:before{line-height: 40px;content: "\f053";font-size: 25px;color: #000;font-family: 'FontAwesomePro';}
    .leftImage .UFavorilerimeEkle{position: absolute;top: 10px;right: 10px;color: #000;border: none;z-index: 9;}
    .leftImage .UFavorilerimeEkle .box1 i{border: none;color: #000;font-weight: 300;font-family: 'FontAwesomePro';font-size: 25px;}
    .leftImage #divFirsatUrunu.DetayFirsatUrunu{display: block!important; position: absolute;bottom: 10px;left: 10px;z-index: 9;line-height: 30px;font-weight: 500;padding: 0 10px;color: #fff;font-size: 13px;background: #00c753;}
    .leftImage #divMobileImageList .owl-dots{display: none;}

    .RightDetail{width: 100%;padding: 20px 0 0;}
    #divIndirimOrani .indirimliOrani{width: auto;padding: 0 15px;}
    .basketBtn{width: 100%;margin: 0 0 10px;}
    .buyfast{width: 100%;}
    #divKombinSatinAl{width: 100%;margin-top: 10px;}
    #divAdetCombo, .Basketinp{margin-bottom: 25px;}
    #divAdetCombo .right_line{width: 150px;}
    .ProductIcon2 > div > a{font-size: 11px;padding: 0 7px;}
    .RightDetail .product_social_icon_wrapper{width: 100%;padding-right: 0;border-right: 0;margin-top: 20px;}

    .UWhatsApp{float: left;width: 30px;}
    .UWhatsApp .whatsApp i{width: 30px;height: 30px;line-height: 30px;border-radius: 100%;font-size: 18px;}
    .ProductIcon{width: 100%;margin-top: 15px;}
    .ProductIcon > div{float: none;display: inline-block;text-align: center;}
    .urunOzellik{margin-top: 20px;}
    #divUrunEkSecenek .eksecenekLine{margin: 5px 0;padding-top: 5px;}
    .PriceList{padding-bottom: 0;}
    .detaySliderContainer{margin: 5px 0;}
    .detaySliderContainer .owl-carousel .owl-stage-outer{padding: 5px 0;}
    /*Ürün Detay*/
}
@media(max-width: 361px){
    #logo{min-height: 60px;width: 100%;}
    body [class*=t-pb-]{margin: 0!important;}
    body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm, body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1, 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-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{padding: 0!important;margin:0!important;}
}
  
  /* =================================================
   BEBEGIM OLACAK - GUVEN BAR YENI TASARIM
   ================================================= */

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

.Glist ul {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin: 0 !important;
    padding: 18px 10px !important;
    list-style: none;

    background: #f4fbf9;
    border: 1px solid #dceee9;
    border-radius: 14px;
}

/* Her güven alanı */
.Glist ul li {
    float: none;
    width: 25%;
    padding: 0;
    position: relative;
}

/* Aradaki dikey ayraç */
.Glist ul li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background: #dceee9;
}

/* Eski kart görünümünü kaldır */
.Glist ul li .Gblok {
    float: none;
    width: 100%;
    min-height: 82px;

    padding: 8px 22px;

    background: transparent !important;
    border: none;
    border-radius: 0;

    display: flex;
    align-items: center;

    transition: all .25s ease;
}

/* İkon alanı */
.Glist ul li .Gblok .Gicon {
    float: none;

    flex: 0 0 46px;
    min-width: 46px;
    width: 46px;
    height: 46px;

    margin-right: 14px;

    border-radius: 50%;
    background: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 3px 12px rgba(26, 157, 133, .10);

    transition: all .25s ease;
}

/* İkon */
.Glist ul li .Gblok .Gicon i {
    color: var(--theme-color) !important;
    font-size: 23px;
    line-height: 46px;
}

/* Metin alanı */
.Glist ul li .Gblok .Gtext {
    float: none;
    width: auto;
    flex: 1;
}

/* Başlık */
.Glist ul li .Gblok .Gtext strong {
    display: block;

    margin: 0 0 4px;

    color: #252525 !important;
    font-size: 14px;
    line-height: 19px;

    font-weight: 700;

    transition: color .20s ease;
}

/* Açıklama */
.Glist ul li .Gblok .Gtext p {
    margin: 0;

    color: #777777 !important;
    font-size: 12px;
    line-height: 18px;

    font-weight: 400;
}

/* ======================
   HOVER
   ====================== */

.Glist ul li:hover .Gblok {
    background: transparent !important;
}

.Glist ul li:hover .Gicon {
    transform: translateY(-2px);
    box-shadow: 0 5px 16px rgba(26, 157, 133, .18);
}

.Glist ul li:hover .Gicon i {
    color: var(--theme-color) !important;
}

.Glist ul li:hover .Gtext strong {
    color: var(--theme-color) !important;
}

.Glist ul li:hover .Gtext p {
    color: #777777 !important;
}


/* =================================================
   TABLET
   ================================================= */

@media (max-width: 1024px) {

    .Glist ul {
        flex-wrap: wrap;
    }

    .Glist ul li {
        width: 50%;
    }

    .Glist ul li:nth-child(2):after {
        display: none;
    }

    .Glist ul li:nth-child(1),
    .Glist ul li:nth-child(2) {
        border-bottom: 1px solid #dceee9;
    }

    .Glist ul li .Gblok {
        padding: 16px 20px;
    }
}


/* =================================================
   MOBIL
   ================================================= */

@media (max-width: 767px) {

    .Glist {
        margin: 20px 0 30px;
        overflow: hidden;
    }

    .Glist ul {
        display: flex;
        flex-wrap: nowrap;

        overflow-x: auto;
        overflow-y: hidden;

        padding: 12px 0 !important;

        border-radius: 0;

        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }

    .Glist ul::-webkit-scrollbar {
        display: none;
    }

    .Glist ul li {
        min-width: 260px;
        width: 260px;

        border-bottom: 0 !important;

        scroll-snap-align: start;
    }

    .Glist ul li:not(:last-child):after {
        display: block;

        top: 10px;
        bottom: 10px;
    }

    .Glist ul li .Gblok {
        min-height: 75px;
        padding: 8px 18px;
    }

    .Glist ul li .Gblok .Gicon {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        min-width: 42px;

        margin-right: 12px;
    }

    .Glist ul li .Gblok .Gicon i {
        font-size: 21px;
        line-height: 42px;
    }

    .Glist ul li .Gblok .Gtext strong {
        font-size: 13px;
    }

    .Glist ul li .Gblok .Gtext p {
        font-size: 11px;
        line-height: 16px;
    }
}

  
  /* =========================================================
   BEBEGIM OLACAK - PRODUCT DETAIL ADDON V18 CLEANUP
   Bu dosya SADECE urun detay sayfasi icindir.
   Marka renkleri:
   Yesil  : #1a9d85
   Turuncu: #f2931f
   ========================================================= */

:root{
    --bo-green:var(--theme-color);
    --bo-green-dark:#147d6a;
    --bo-green-soft:#eef8f6;
    --bo-orange:#f2931f;
    --bo-orange-dark:#d97b0a;
    --bo-orange-soft:#fff5e8;
    --bo-text:#202020;
    --bo-muted:#777;
    --bo-border:#e8e8e8;
}

/* =========================================================
   GENEL URUN DETAY
   ========================================================= */

.ProductBody .RightDetail{
    padding-left:45px;
}

.ProductBody .ProductName{
    margin-bottom:8px;
}

.ProductBody .ProductName h1 span{
    font-size:26px;
    line-height:1.35;
    font-weight:700;
    color:var(--bo-text);
}

.ProductBody #divMarka{
    float:left;
    width:100%;
    margin:2px 0 5px;
    font-size:13px;
    color:#777;
}

.ProductBody #divMarka .right_line *,
.ProductBody #divMarka a{
    color:var(--bo-green)!important;
    font-weight:700;
}

.ProductBody #divUrunKodu{
    font-size:12px;
    color:#8a8a8a;
    margin-top:4px;
    line-height:18px;
}

.ProductBody #divUrunKodu:before{
    color:#8a8a8a;
    font-size:12px;
}


/* =========================================================
   FIYAT ALANI
   ========================================================= */

.ProductBody #pnlFiyatlar{
    float:left;
    width:100%;
    margin-top:20px;
    padding:18px 0;
    border-top:1px solid var(--bo-border);
    border-bottom:1px solid var(--bo-border);
    overflow:visible!important;
}

/* V18 - FIYAT DURUMU
   Fiyatın üstü yalnızca GERÇEK bir indirim varken çizilir.
   JS #pnlFiyatlar alanına boHasDiscount / boNoDiscount class'ı ekler. */

/* Güvenli varsayılan: fiyatı asla koşulsuz çizme */
.ProductBody .PiyasafiyatiContent .right_line *,
.ProductBody #divIndirimsizFiyat .right_line *{
    text-decoration:none!important;
}

/* GERÇEKTEN indirim varsa: eski fiyat küçük + üzeri çizili */
.ProductBody #pnlFiyatlar.boHasDiscount .PiyasafiyatiContent .right_line *,
.ProductBody #pnlFiyatlar.boHasDiscount #divIndirimsizFiyat .right_line *{
    font-size:15px!important;
    line-height:1.8!important;
    font-weight:400!important;
    color:#8e8e8e!important;
    text-decoration:line-through!important;
}

/* İndirimli / normal aktif fiyat */
.ProductBody .IndirimliFiyatContent .right_line *,
.ProductBody #divTurkLirasiFiyat .right_line *{
    font-size:30px!important;
    line-height:1.2!important;
    color:var(--bo-text)!important;
    font-weight:800!important;
    text-decoration:none!important;
}

/* İndirim yoksa Ticimax ana fiyatı Piyasa Fiyatı / İndirimsiz Fiyat
   alanında bıraksa bile bunu normal ana fiyat gibi göster. */
.ProductBody #pnlFiyatlar.boNoDiscount .PiyasafiyatiContent .right_line *,
.ProductBody #pnlFiyatlar.boNoDiscount #divIndirimsizFiyat .right_line *{
    font-size:30px!important;
    line-height:1.2!important;
    font-weight:800!important;
    color:var(--bo-text)!important;
    text-decoration:none!important;
}

/* İndirim yoksa rozet görünmesin. Bu !important, tema içindeki
   display:inline-block!important kuralını güvenli biçimde ezer. */
.ProductBody #pnlFiyatlar.boNoDiscount #divIndirimOrani{
    display:none!important;
}


/* Indirim rozeti */

.ProductBody #divIndirimOrani{
    float:none!important;
    display:inline-block!important;
    margin-left:12px!important;
    line-height:normal!important;
    vertical-align:middle;
}

.ProductBody #divIndirimOrani .indirimliOrani{
    width:auto!important;
    min-width:auto!important;
    height:32px!important;
    padding:0 12px!important;

    display:inline-flex!important;
    align-items:center;
    justify-content:center;

    overflow:visible!important;

    background:var(--bo-orange-soft)!important;
    border:1px solid #f4c786!important;
    border-radius:7px!important;

    color:var(--bo-orange-dark)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:30px!important;
    white-space:nowrap!important;
}

.ProductBody #divIndirimOrani .indirimliOrani *{
    width:auto!important;
    color:var(--bo-orange-dark)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:30px!important;
    white-space:nowrap!important;
}


/* Bu urunde kazanc */

.ProductBody .boSaving{
    float:left;
    clear:both;
    width:100%;
    margin-top:8px;
    color:#777;
    font-size:12px;
    line-height:18px;
}

.ProductBody .boSaving strong{
    color:var(--bo-orange-dark)!important;
    font-size:12px;
    font-weight:700;
}


/* =========================================================
   FAVORI
   ========================================================= */

.ProductBody .UFavorilerimeEkle{
    display:none!important;
}


/* =========================================================
   UCRETSIZ KARGO BILGI KUTUSU
   ========================================================= */

.ProductBody .boDelivery{
    float:left;
    width:100%;
    display:flex;
    align-items:center;

    margin:16px 0 0;
    padding:14px 16px;

    background:var(--bo-green-soft);
    border-left:4px solid var(--bo-green);
    border-radius:8px;
}

.ProductBody .boDeliveryIcon{
    flex:0 0 40px;
    width:40px;
}

.ProductBody .boDeliveryIcon i{
    color:var(--bo-green);
    font-size:24px;
    line-height:40px;
}

.ProductBody .boDeliveryText{
    flex:1;
}

.ProductBody .boDeliveryText strong{
    display:block;
    margin-bottom:3px;
    color:#222;
    font-size:13px;
    font-weight:700;
}

.ProductBody .boDeliveryText span{
    display:block;
    color:#6d6d6d;
    font-size:12px;
    line-height:18px;
}


/* =========================================================
   ADET + SEPETE EKLE
   ========================================================= */

.ProductBody #divAdetCombo,
.ProductBody .Basketinp{
    margin-top:20px;
    margin-bottom:0;
    height:54px;
}

.ProductBody .riSingle{
    width:94px;
    height:54px;
    border:1px solid #ddd;
    border-radius:8px;
    overflow:hidden;
}

.ProductBody #txtbxurunSiparisAdedi{
    height:52px!important;
    border:none!important;
    padding:0 30px!important;
    text-align:center;
    font-size:14px;
}

.ProductBody .riSingle a.riUp,
.ProductBody .riSingle a.riDown{
    width:30px!important;
    height:52px!important;
    line-height:52px!important;
    top:0;
    font-size:12px;
}

.ProductBody .riSingle a.riUp i,
.ProductBody .riSingle a.riDown i{
    line-height:52px;
}

.ProductBody .basketBtn{
    width:420px!important;
    max-width:calc(100% - 115px)!important;
    margin:20px 0 0 15px!important;
}

.ProductBody .basketBtn input{
    height:54px!important;
    line-height:54px!important;
    border-radius:8px!important;

    background:var(--bo-orange)!important;
    color:#fff!important;

    font-size:15px!important;
    font-weight:800!important;

    box-shadow:0 5px 16px rgba(242,147,31,.22);

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.ProductBody .basketBtn input:hover{
    background:var(--bo-orange-dark)!important;
    transform:translateY(-1px);
    box-shadow:0 7px 20px rgba(242,147,31,.28);
}

/* Masaustunde satin alma satirini gereksiz uzatma */
@media (min-width:1042px){
    .ProductBody #divAdetCombo,
    .ProductBody .Basketinp{
        clear:left;
    }

    .ProductBody .basketBtn{
        float:left!important;
    }
}


/* =========================================================
   GUVEN / IADE / TAKSIT
   ========================================================= */

.ProductBody .boBenefits{
    float:left;
    width:100%;
    display:flex;

    margin-top:18px;

    border:1px solid var(--bo-border);
    border-radius:10px;

    overflow:hidden;
}

.ProductBody .boBenefit{
    flex:1;
    padding:13px 8px;
    text-align:center;
    background:#fff;
}

.ProductBody .boBenefit:not(:last-child){
    border-right:1px solid var(--bo-border);
}

.ProductBody .boBenefit i{
    display:block;
    margin-bottom:6px;
    color:var(--bo-green);
    font-size:21px;
}

.ProductBody .boBenefit strong{
    display:block;
    color:#222;
    font-size:12px;
    line-height:17px;
    font-weight:700;
}

.ProductBody .boBenefit span{
    display:block;
    margin-top:2px;
    color:#858585;
    font-size:10px;
}


/* =========================================================
   WHATSAPP SORU ALANI
   ========================================================= */

.ProductBody .boQuestion{
    float:left;
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:12px;
    padding:13px 15px;

    background:#fafafa;
    border-radius:9px;
}

.ProductBody .boQuestionText strong{
    display:block;
    margin-bottom:3px;
    color:#222;
    font-size:12px;
    font-weight:700;
}

.ProductBody .boQuestionText span{
    display:block;
    color:#777;
    font-size:11px;
}

.ProductBody .boWhatsApp{
    color:var(--bo-green)!important;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}

.ProductBody .boWhatsApp i{
    margin-left:5px;
}


/* =========================================================
   ESKI IKON / PAYLASIM ALANI
   ========================================================= */

/* Urun detay altindaki gereksiz ikon grubunu kapat */
.ProductBody .ProductIcon{
    display:none!important;
}

/* Paylasim alanini sade tut */
.ProductBody .RightDetail .product_social_icon_wrapper{
    width:100%;
    margin:15px 0 0!important;
    padding:14px 0 0!important;
    border-right:none!important;
    border-top:1px solid var(--bo-border)!important;
    height:auto!important;
}


/* =========================================================
   DESKTOP THUMBNAIL
   ========================================================= */

.ProductBody .SmallImages div{
    border:1px solid #eee;
    border-radius:8px;
    overflow:hidden;
    transition:border .2s ease;
}

.ProductBody .SmallImages div:hover{
    border-color:var(--bo-green);
}


/* =========================================================
   TAB ALANI V4 - ESIT BOLMELI BLOK / TUM URUNLER - FIX
   2026-09-17

   V3'te selector yanlislikla .urunOzellikTab .urunTab seklinde
   yazildigi icin canli Ticimax DOM'undaki .urunOzellik .urunTab
   yapisini yakalamiyordu. Bu surum dogrudan gercek .urunTab
   yapisini hedefler ve eski tema kurallarini !important ile ezer.
   ========================================================= */

.ProductBody .urunOzellik{
    margin-top:45px;
}

@media screen and (min-width:1042px){
    body.ProductBody .urunOzellik .urunTab,
    body.ProductBody .urunOzellikTab .urunTab,
    body.ProductBody .urunTab{
        float:left!important;
        width:100%!important;
        text-align:left!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul,
    body.ProductBody .urunOzellikTab .urunTab > ul,
    body.ProductBody .urunTab > ul{
        display:flex!important;
        align-items:stretch!important;
        gap:0!important;
        float:none!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        background:#fff!important;
        border:1px solid #dfe7e3!important;
        border-radius:12px!important;
        box-sizing:border-box!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li,
    body.ProductBody .urunOzellikTab .urunTab > ul > li,
    body.ProductBody .urunTab > ul > li{
        float:none!important;
        display:block!important;
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-right:1px solid #dfe7e3!important;
        box-sizing:border-box!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li:last-child,
    body.ProductBody .urunOzellikTab .urunTab > ul > li:last-child,
    body.ProductBody .urunTab > ul > li:last-child{
        border-right:0!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li > a,
    body.ProductBody .urunOzellikTab .urunTab > ul > li > a,
    body.ProductBody .urunTab > ul > li > a{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-height:52px!important;
        margin:0!important;
        padding:16px 14px!important;
        color:#59645f!important;
        font-size:12px!important;
        font-weight:600!important;
        line-height:1.3!important;
        text-align:center!important;
        text-transform:uppercase!important;
        background:#fff!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        box-sizing:border-box!important;
        transition:background-color .16s ease, color .16s ease!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li > a span,
    body.ProductBody .urunOzellikTab .urunTab > ul > li > a span,
    body.ProductBody .urunTab > ul > li > a span{
        color:inherit!important;
        font-weight:600!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li:not(.active) > a:hover,
    body.ProductBody .urunOzellikTab .urunTab > ul > li:not(.active) > a:hover,
    body.ProductBody .urunTab > ul > li:not(.active) > a:hover{
        color:var(--bo-green-dark)!important;
        background:#f6faf8!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li.active > a,
    body.ProductBody .urunOzellikTab .urunTab > ul > li.active > a,
    body.ProductBody .urunTab > ul > li.active > a{
        color:#fff!important;
        background:var(--bo-green)!important;
        border:0!important;
        box-shadow:none!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li.active > a span,
    body.ProductBody .urunOzellikTab .urunTab > ul > li.active > a span,
    body.ProductBody .urunTab > ul > li.active > a span{
        color:#fff!important;
    }

    /* Eski temadaki aktif alt cizgiyi tamamen kapat. */
    body.ProductBody .urunTab > ul > li.active > a:before,
    body.ProductBody .urunTab > ul > li.active > a:after,
    body.ProductBody .urunOzellik .urunTab > ul > li.active > a:before,
    body.ProductBody .urunOzellik .urunTab > ul > li.active > a:after{
        content:none!important;
        display:none!important;
        border:0!important;
    }

    /* Urune ozel dinamik sekmeler de ayni blok stilini kullanir. */
    body.ProductBody .urunTab > ul > li.boProductExtraTabNav > a:before,
    body.ProductBody .urunTab > ul > li.boProductExtraTabNav > a:after{
        content:none!important;
        display:none!important;
    }
}

/* =========================================================
   URUN BAZLI DINAMIK EK SEKME V2
   Kaynak kodda .bo-extra-tab bulunan urunlerde JS yeni sekme uretir.
   Kaynak isaretleyici sayfada gorunmez; icerigi JS tarafindan yeni
   urunDetayPanel icine tasinir.
   ========================================================= */
.ProductBody .bo-extra-tab{
    display:none!important;
}

.ProductBody .boProductExtraTabPanel{
    display:none;
}

.ProductBody .boProductExtraTabBody{
    float:left;
    width:100%;
    padding:0 0 12px;
    color:#333;
    font-size:13px;
    line-height:1.75;
}

.ProductBody .boProductExtraTabBody > :first-child{
    margin-top:0!important;
}

.ProductBody .boProductExtraTabBody > :last-child{
    margin-bottom:0!important;
}

.ProductBody .boProductExtraTabBody img,
.ProductBody .boProductExtraTabBody picture,
.ProductBody .boProductExtraTabBody video,
.ProductBody .boProductExtraTabBody iframe{
    max-width:100%!important;
}

/* Kanguru Rehberi gibi tek gorselli sekmelerde gorseli tam alana oturtur. */
.ProductBody .boProductExtraTabBody img.bo-extra-tab-image{
    display:block;
    width:100%!important;
    height:auto!important;
    margin:0 auto;
    border-radius:10px;
}

@media screen and (max-width:1041px){
    .ProductBody .urunOzellik .mobilTab > ul{
        display:block;
        width:100%;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li{
        float:left;
        width:100%;
        margin:0 0 8px;
        overflow:hidden;
        background:#fff;
        border:1px solid #e1e8e4;
        border-radius:9px;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li > a{
        width:100%;
        padding:0 14px;
        color:#33453d;
        font-size:13px;
        font-weight:600;
        line-height:50px;
        text-transform:none;
        background:#f8faf9;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li.active > a{
        color:var(--bo-green-dark);
        background:var(--bo-green-soft);
    }

    .ProductBody .urunOzellik .mobilTab > ul > li.boProductExtraTabNav > a:before{
        content:'\f02d';
        margin-right:8px;
        font-family:'FontAwesomePro';
        font-size:14px;
        font-weight:300;
    }

    .ProductBody .mobilTab .boProductExtraTabPanel{
        width:100%;
    }

    .ProductBody .mobilTab .boProductExtraTabBody{
        padding:10px 10px 16px;
    }

    .ProductBody .boProductExtraTabBody img.bo-extra-tab-image{
        border-radius:8px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (min-width:768px) and (max-width:1041px){

    .ProductBody .RightDetail{
        padding-left:20px;
    }

    .ProductBody .ProductName h1 span{
        font-size:21px;
    }

    .ProductBody .IndirimliFiyatContent .right_line *,
    .ProductBody #divTurkLirasiFiyat .right_line *{
        font-size:25px!important;
    }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width:767px){

    .ProductBody .leftImage{
        width:100%!important;
        float:none!important;
        padding:0!important;
    }

    /* Masaustu thumbnail listesini mobilde kapat */
    .ProductBody .SmallImages,
    .ProductBody .leftImage .SmallImages{
        display:none!important;
    }

    /* Mobil slider tam genislik */
    .ProductBody .mobileImageSlider,
    .ProductBody #divMobileImageList{
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
    }

    .ProductBody #divMobileImageList .owl-stage-outer,
    .ProductBody .mobileImageSlider .owl-stage-outer{
        width:100%!important;
        float:none!important;
    }

    .ProductBody .Images{
        width:100%!important;
        float:none!important;
    }

    .ProductBody .RightDetail{
        width:100%!important;
        float:none!important;
        clear:both!important;
        padding:18px 0 0!important;
    }

    .ProductBody .ProductName h1 span{
        font-size:20px!important;
        line-height:1.35!important;
        font-weight:700!important;
    }

    .ProductBody #pnlFiyatlar{
        margin-top:15px;
        padding:15px 0;
    }

    .ProductBody .IndirimliFiyatContent .right_line *,
    .ProductBody #divTurkLirasiFiyat .right_line *{
        font-size:26px!important;
    }

    .ProductBody #divAdetCombo,
    .ProductBody .Basketinp{
        width:95px;
        margin-top:15px;
        margin-bottom:0;
    }

    .ProductBody .basketBtn{
        width:calc(100% - 110px)!important;
        margin:15px 0 0 15px!important;
    }

    .ProductBody .basketBtn input{
        height:52px!important;
        line-height:52px!important;
    }

    .ProductBody .boDelivery{
        padding:12px 13px;
    }

    .ProductBody .boDeliveryText span{
        font-size:11px;
        line-height:16px;
    }

    .ProductBody .boBenefit{
        padding:11px 4px;
    }

    .ProductBody .boBenefit strong{
        font-size:10px;
    }

    .ProductBody .boBenefit span{
        font-size:9px;
    }

    .ProductBody .boQuestion{
        display:block;
    }

    .ProductBody .boWhatsApp{
        display:inline-block;
        margin-top:8px;
    }

    .ProductBody .RightDetail .product_social_icon_wrapper{
        margin-top:14px!important;
    }
}
/* =========================================================
   V4 - TAKSIT BILGISI FIYAT SATIRINDA + DAHA KOMPAKT CTA
   ========================================================= */

/* Taksit bilgisini fiyat alaninda, indirim rozetinin yaninda tut */
.ProductBody #pnlFiyatlar #divTaksitAciklama{
    float:none!important;
    clear:none!important;
    display:inline-block!important;
    vertical-align:middle!important;

    margin:0 0 0 14px!important;
    padding:0!important;

    font-size:12px!important;
    line-height:32px!important;
    color:#666!important;
}

.ProductBody #pnlFiyatlar #divTaksitAciklama .taksitSatir,
.ProductBody #pnlFiyatlar #divTaksitAciklama *{
    font-size:12px!important;
    line-height:32px!important;
    color:#666!important;
    font-weight:400!important;
}

/* Ucretsiz kargo ile satin alma alani arasindaki boslugu azalt */
.ProductBody .boDelivery{
    margin-bottom:24px!important;
}

.ProductBody #divAdetCombo,
.ProductBody .Basketinp{
    margin-top:0!important;
}

.ProductBody .basketBtn{
    margin-top:0!important;
}

/* Tablet - taksit bilgisi gerektiğinde alta insin */
@media screen and (min-width:768px) and (max-width:1041px){
    .ProductBody #pnlFiyatlar #divTaksitAciklama{
        display:block!important;
        clear:both!important;
        margin:8px 0 0!important;
        line-height:18px!important;
    }

    .ProductBody #pnlFiyatlar #divTaksitAciklama .taksitSatir,
    .ProductBody #pnlFiyatlar #divTaksitAciklama *{
        line-height:18px!important;
    }
}

/* Mobil - fiyat satirini bozmamak icin taksit bilgisi alt satira */
@media (max-width:767px){
    .ProductBody #pnlFiyatlar #divTaksitAciklama{
        display:block!important;
        clear:both!important;
        width:100%!important;

        margin:8px 0 0!important;

        font-size:11px!important;
        line-height:17px!important;
    }

    .ProductBody #pnlFiyatlar #divTaksitAciklama .taksitSatir,
    .ProductBody #pnlFiyatlar #divTaksitAciklama *{
        font-size:11px!important;
        line-height:17px!important;
    }

    .ProductBody .boDelivery{
        margin-bottom:18px!important;
    }
}
/* =========================================================
   V7 - TICIMAX YENI GALERI WRAPPER
   Gercek thumbnail yapisi:
   #divProductGalleryThumb.galleryOwl-thumb > .thumb-list > .thumb-item
   ========================================================= */

@media (min-width:768px){

    /* Thumbnail kolonunu yatay galeriye cevir */
    .ProductBody #divProductGalleryThumb.galleryOwl-thumb{
        position:static!important;
        float:none!important;
        clear:both!important;

        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        max-height:none!important;

        margin:18px 0 0!important;
        padding:0!important;

        overflow:visible!important;
    }

    /* Ana gorsel alanindaki eski sol sutun icin ayrilmis bosluk kaldirildi */
    .ProductBody .ProductGallery .gallery-container .GalleryArea{
        margin-left:0!important;
    }

    .ProductBody #divProductGalleryThumb .thumb-list{
        display:flex!important;
        align-items:center!important;

        width:100%!important;

        gap:10px!important;

        margin:0!important;
        padding:4px 2px 10px!important;

        overflow-x:auto!important;
        overflow-y:hidden!important;

        white-space:nowrap!important;

        scrollbar-width:thin;
        scrollbar-color:#c8c8c8 transparent;

        -webkit-overflow-scrolling:touch;
    }

    .ProductBody #divProductGalleryThumb .thumb-list::-webkit-scrollbar{
        height:5px;
    }

    .ProductBody #divProductGalleryThumb .thumb-list::-webkit-scrollbar-track{
        background:transparent;
    }

    .ProductBody #divProductGalleryThumb .thumb-list::-webkit-scrollbar-thumb{
        background:#c8c8c8;
        border-radius:10px;
    }

    .ProductBody #divProductGalleryThumb .thumb-item{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        flex:0 0 96px!important;

        width:96px!important;
        min-width:96px!important;
        max-width:96px!important;

        height:96px!important;

        margin:0!important;
        padding:5px!important;

        background:#fff!important;

        border:1px solid #ececec!important;
        border-radius:9px!important;

        overflow:hidden!important;

        cursor:pointer!important;

        transition:
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
    }

    .ProductBody #divProductGalleryThumb .thumb-item:hover{
        border-color:var(--bo-green)!important;
        box-shadow:0 4px 14px rgba(26,157,133,.10)!important;
        transform:translateY(-1px);
    }

    .ProductBody #divProductGalleryThumb .thumb-item img{
        display:block!important;
        width:auto!important;
        height:auto!important;
        max-width:100%!important;
        max-height:100%!important;
        margin:auto!important;
        object-fit:contain!important;
    }

    /* Ticimax aktif secim varyasyonlari */
    .ProductBody #divProductGalleryThumb .thumb-item.active,
    .ProductBody #divProductGalleryThumb .thumb-item.selected,
    .ProductBody #divProductGalleryThumb .thumb-item.swiper-slide-thumb-active{
        border-color:var(--bo-green)!important;
        box-shadow:0 0 0 1px var(--bo-green)!important;
    }
}

/* Mobilde Ticimax mevcut mobil galeriyi kullansin */
@media (max-width:767px){
    .ProductBody #divProductGalleryThumb.galleryOwl-thumb{
        display:none!important;
    }
}

/* =========================================================
   V18 - URUN DETAY KONSOLIDE EK KURALLAR
   Kargo, satin alma akisi, mobil fiyat, varyant ve FOUC
   duzeltmeleri tek nihai blokta tutulur.
   ========================================================= */

/* Kargo kutusundan sonra gereksiz bosluk birakma */
.ProductBody .boDelivery{
    margin-bottom:0!important;
}

/* Dinamik kargo mesaji */
.ProductBody .boCargoPromise{
    float:left;
    width:100%;

    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;

    margin:10px 0 12px;
    padding:0 2px;

    color:#555;
    font-size:12px;
    line-height:18px;
}

.ProductBody .boCargoPromise i{
    color:var(--bo-orange);
    font-size:14px;
    margin-right:2px;
}

.ProductBody .boCargoPromise .boCargoCountdown{
    color:var(--bo-orange-dark);
    font-weight:800;
}

.ProductBody .boCargoPromise .boCargoResult{
    color:var(--bo-green);
    font-weight:800;
}

/* Adet + Sepete Ekle kargo mesajinin hemen altina gelsin */
.ProductBody #divAdetCombo,
.ProductBody .Basketinp{
    margin-top:0!important;
}

.ProductBody .basketBtn{
    margin-top:0!important;
}

/* Desktop'ta satir daha kompakt */
@media (min-width:1042px){
    .ProductBody .boCargoPromise{
        min-height:20px;
    }
}

/* Mobil */
@media (max-width:767px){
    .ProductBody .boCargoPromise{
        margin:8px 0 10px;
        font-size:11px;
        line-height:17px;
    }
}

.ProductBody #divSatinAl{
    float:left!important;
    clear:both!important;
    width:100%!important;

    margin:14px 0 0!important;
    padding:0!important;
}

/* Ticimax clear bloklarinin bosluk üretmesini engelle */
.ProductBody .PriceList + .clear,
.ProductBody .PriceList + .clear + .clear{
    display:none!important;
}

/* Adet + CTA satiri */
.ProductBody #divSatinAl #divAdetCombo,
.ProductBody #divSatinAl .Basketinp{
    margin-top:0!important;
}

.ProductBody #divSatinAl .basketBtn{
    margin-top:0!important;
}

/* Desktop */
@media (min-width:1042px){
    .ProductBody #divSatinAl{
        margin-top:14px!important;
    }
}

/* Mobil */
@media (max-width:767px){
    .ProductBody #divSatinAl{
        margin-top:12px!important;
    }
}

@media (max-width:767px){

    .ProductBody #pnlFiyatlar{
        display:block!important;
    }

    .ProductBody .boMobilePriceMeta{
        float:left;
        clear:both;
        width:100%;

        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:8px 10px;

        margin:9px 0 0!important;
        padding:0!important;
    }

    .ProductBody .boMobilePriceMeta #divIndirimOrani{
        float:none!important;
        display:inline-block!important;
        margin:0!important;
        padding:0!important;
    }

    .ProductBody .boMobilePriceMeta #divIndirimOrani .indirimliOrani{
        height:29px!important;
        padding:0 11px!important;
        font-size:11px!important;
        line-height:27px!important;
    }

    .ProductBody .boMobilePriceMeta #divIndirimOrani .indirimliOrani *{
        font-size:11px!important;
        line-height:27px!important;
    }

    .ProductBody .boMobilePriceMeta #divTaksitAciklama{
        float:none!important;
        clear:none!important;
        display:inline-block!important;
        width:auto!important;
        margin:0!important;
        padding:0!important;
        line-height:17px!important;
    }

    .ProductBody .boMobilePriceMeta #divTaksitAciklama .taksitSatir,
    .ProductBody .boMobilePriceMeta #divTaksitAciklama *{
        font-size:10.5px!important;
        line-height:17px!important;
        color:#777!important;
        font-weight:400!important;
    }

    .ProductBody .boSaving{
        float:left!important;
        clear:both!important;
        width:100%!important;
        margin:7px 0 0!important;
        font-size:11px!important;
        line-height:17px!important;
    }

    .ProductBody .boSaving strong{
        font-size:11px!important;
    }
}

@media (max-width:767px){

    /* Mobil meta satirinda artik sadece taksit bilgisi kalacak */
    .ProductBody .boMobilePriceMeta{
        margin-top:8px!important;
    }

    /* Indirim badge fiyat satirina geri donuyor */
    .ProductBody #pnlFiyatlar > #divIndirimOrani{
        float:none!important;
        display:inline-block!important;
        vertical-align:middle!important;

        margin-left:8px!important;
        margin-top:0!important;
        padding:0!important;
    }

    .ProductBody #pnlFiyatlar > #divIndirimOrani .indirimliOrani{
        height:29px!important;
        padding:0 10px!important;
        font-size:11px!important;
        line-height:27px!important;
    }

    .ProductBody #pnlFiyatlar > #divIndirimOrani .indirimliOrani *{
        font-size:11px!important;
        line-height:27px!important;
    }

    /* Taksit bilgisi alt satirda */
    .ProductBody .boMobilePriceMeta #divTaksitAciklama{
        display:block!important;
        width:100%!important;
        margin:0!important;
    }

    /* Kazanc taksitin hemen altinda */
    .ProductBody .boSaving{
        margin-top:5px!important;
    }
}


/* Hover'da gorsel kaybolmasin - platformun "ikinci resmi goster"
   efekti bu widget icin kapatilmis, o yuzden resim gorunur kalsin */
.RightDetail #productDetailRelated a.detailLink:hover img{
    opacity:1!important;
}

/* "Renk Secenekleri" basligini kompakt yerlesime uydur */
.RightDetail #productDetailRelated .JKatAdi{
    margin:0 0 8px!important;
    text-align:left!important;
}
.RightDetail #productDetailRelated .JKatAdi .bold{
    text-align:left!important;
}
.RightDetail #productDetailRelated .JKatAdi .bold .satir1{
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:0.04em;
    color:#6b746e!important;
}


/* V18 - INDIRIMSIZ ANA FIYAT RESPONSIVE BOYUTLARI */
@media screen and (min-width:768px) and (max-width:1041px){
    .ProductBody #pnlFiyatlar.boNoDiscount .PiyasafiyatiContent .right_line *,
    .ProductBody #pnlFiyatlar.boNoDiscount #divIndirimsizFiyat .right_line *{
        font-size:25px!important;
    }
}

@media (max-width:767px){
    .ProductBody #pnlFiyatlar.boNoDiscount .PiyasafiyatiContent .right_line *,
    .ProductBody #pnlFiyatlar.boNoDiscount #divIndirimsizFiyat .right_line *{
        font-size:26px!important;
    }
}

/* =========================================================
   V18 - URUN DETAY FOUC / ESKI TASARIM FLASH FIX

   ONEMLI:
   Eski surum .ProductBody class'ina bagliydi. Fakat ProductBody
   class'i JavaScript tarafindan sonradan eklendigi icin browser
   ilk paint sirasinda ham Ticimax duzenini kisa sure gosterebiliyordu.

   Bu surum dogrudan sunucudan gelen .ProductDetailMain yapisini
   hedefler. Boylece JS daha calismadan galeri ve sag detay alani
   gizlenir; butun DOM tasimalari bittikten sonra boLayoutReady
   class'i ile tek seferde gorunur olur.

   2.5 saniyelik boForceReveal yalnizca emniyet supabidir. JS herhangi
   bir nedenle tamamlanamazsa urun alani sonsuza kadar gizli kalmaz.
   ========================================================= */

.ProductDetailMain .leftImage,
.ProductDetailMain .RightDetail{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    animation:boForceReveal 0s 2.5s forwards;
}

@keyframes boForceReveal{
    to{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }
}

body.boLayoutReady .ProductDetailMain .leftImage,
body.boLayoutReady .ProductDetailMain .RightDetail{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    animation:none!important;
}


/* =========================================================
   V19 - GORUNURDE BOS BILGI BLOKLARININ YER KAPLAMASI

   SORUN SINIFI:
   Ticimax'in urun detay bilgi alanlari (On Yazi, Puan, Barkod,
   Tedarikci, Magaza Stok, Marka Resmi vb.) urunde doldurulmamis
   olsa bile DOM'a basiliyor ve margin/height ile yer kapliyor.
   Sonuc: Urun Kodu / rozet ile fiyat arasinda aciklanamayan bosluk.
   Olculen: Sand Grey urununde 52px, Light Beige urununde 33px.

   NEDEN SADECE CSS YETMIYOR:
   - .puanVer icinde yalnizca bosluk karakteri var  -> :empty ESLESMEZ
   - #divOnyazi icinde <p>&nbsp;</p> var            -> :empty ESLESMEZ
   Ikisi de canli sayfada test edildi, :empty false dondu.
   Bu yuzden tespit JS tarafinda yapilir (bkz. boHideEmptyInfoBlocks),
   burada yalnizca sonucu uygulayan kurallar bulunur.
   ========================================================= */

.ProductDetailMain .boEmptyBlock{
    display:none!important;
}

/* Editor icerigi DOLU oldugunda bile son paragrafin alt bosluğu
   fiyat kutusuyla arayi gereksiz aciyordu (Light Beige'de 13px).
   Ust bosluk zaten #pnlFiyatlar'in kendi margin-top'undan geliyor. */
.ProductDetailMain #divOnyazi p:last-child,
.ProductDetailMain #divEkstraBilgiler p:last-child{
    margin-bottom:0!important;
}

/* =========================================================
   V21 - RESMI DISTRIBUTOR ETIKETI / 3 MARKA

   - Liste / kategori kartlarinda GOSTERILMEZ.
   - BabyBjorn, OKBaby ve Bumprider urun detaylarinda gosterilir.
   - Yalnizca galerinin 1. gorseli aktifken gorunur.
   - Gorsel dosyasina fiziksel olarak eklenmez; overlay katmanidir.
   - Marka tespiti JS tarafinda otomatik yapilir.
   ========================================================= */

/* Eski/stale bir badge liste sayfasinda DOM'da kalsa bile kesinlikle gosterme. */
.boOfficialDistributorBadge{
    display:none;
}

/* JS, badge'i aktif galeri viewport'una koyar. */
.ProductBody .boDistributorBadgeHost{
    position:relative!important;
}

.ProductBody.boOfficialDistributorProduct .boDistributorBadgeHost > .boOfficialDistributorBadge{
    display:block;
    position:absolute;
    top:12px;
    left:12px;

    width:118px;
    max-width:24%;
    aspect-ratio:351 / 234;

    background-image:url('https://static.ticimax.cloud/12030/uploads/editoruploads/image-photoroom-2.png');
    background-repeat:no-repeat;
    background-position:left top;
    background-size:contain;

    z-index:12;
    pointer-events:none;

    opacity:0;
    visibility:hidden;
    transition:opacity .15s ease;
}

.ProductBody.boOfficialDistributorProduct .boDistributorBadgeHost > .boOfficialDistributorBadge.is-visible{
    opacity:1;
    visibility:visible;
}

@media (max-width:767px){
    .ProductBody.boOfficialDistributorProduct .boDistributorBadgeHost > .boOfficialDistributorBadge{
        /* Sol ustteki geri butonuyla cakismamasi icin mobilde biraz asagi alinir. */
        top:60px;
        left:10px;
        width:82px;
        max-width:30%;
    }
}

/* =========================================================
   BEBEGIM OLACAK - FOOTER V2 / KURUMSAL VE DENGELI
   Referans: footer_tasarim_2_kurumsal.html
   Bu blok dosyanin sonunda bilincli olarak override seklinde tutulur.
   Boylece temanin diger alanlarina dokunmadan mevcut Ticimax footer
   HTML yapisi secilen tasarima uyarlanir.
   ========================================================= */

.Footer.boCorporateFooter {
    float: left;
    width: 100%;
    background: #248474;
    color: #fff;
}

/* Secilen tasarimda e-bulten ust blogu yok. */
.Footer.boCorporateFooter .FooterTop {
    display: none !important;
}

/* Footer kendi konteynerinde hedef tasarimdaki genisligi kullanir. */
.Footer.boCorporateFooter .ticiContainer {
    width: calc(100% - 64px);
    max-width: 1320px !important;
    margin-left: auto;
    margin-right: auto;
}

/* Ana 5 kolonlu alan */
.Footer.boCorporateFooter .FooterMiddle {
    float: left;
    width: 100%;
    margin: 0;
    padding: 54px 0 48px;
    border: 0;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul {
    display: grid !important;
    grid-template-columns: 1.55fr repeat(4, minmax(0, 1fr));
    gap: 0;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li {
    float: none !important;
    width: auto !important;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0 34px;
    border: 0;
    border-right: 1px solid rgba(255,255,255,.12);
    text-align: left;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li.Filetisim {
    padding-left: 0;
    border-right-color: rgba(255,255,255,.18);
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li:last-child {
    padding-right: 0;
    border-right: 0;
}

/* Kolon basliklari */
.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > span {
    display: block;
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .015em;
    text-align: left;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > span:before,
.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > span:after {
    display: none !important;
}

.Footer.boCorporateFooter .FooterMiddle .ackapabtn {
    display: none !important;
}

/* Link listeleri */
.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul {
    display: block !important;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul > li {
    float: none;
    clear: none;
    width: 100%;
    margin: 0 0 12px;
    padding: 0;
    line-height: 1.48;
    text-align: left;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul > li:last-child {
    margin-bottom: 0;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul > li > a {
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
    color: rgba(255,255,255,.90);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.48;
    text-align: left;
    transition: opacity .18s ease;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul > li > a:hover {
    color: rgba(255,255,255,.90);
    opacity: .72;
}

/* Iletisim kolonu */
.Footer.boCorporateFooter .FooterMiddle ul li.Filetisim {
    color: rgba(255,255,255,.94);
    font-size: 14px;
    line-height: 1.65;
}

.Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 17px;
    color: rgba(255,255,255,.94);
    font-size: 14px;
    line-height: 1.65;
}

.Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li i {
    float: none;
    flex: 0 0 17px;
    width: 17px;
    margin: 3px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}

.Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li p {
    float: none;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: rgba(255,255,255,.94);
    font-size: 14px;
    line-height: 1.65;
}

.Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li strong,
.Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li b {
    font-weight: 700;
}

/* Adres + telefon sonrasi marka notuna hedef tasarimdaki nefesi ver. */
.Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li:nth-child(3) {
    margin-top: 23px;
}

/* Sosyal medya: JS ile eski FooterBottomLeft iletisim kolonuna tasinir. */
.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial {
    float: none;
    width: 100%;
    margin: 38px 0 0;
    padding: 0;
    border: 0;
}

.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial ul {
    display: flex;
    align-items: center;
    gap: 11px;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
}

.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial ul li {
    float: none;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
}

.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    line-height: 40px;
    transition: transform .18s ease, opacity .18s ease;
}

.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial ul li a:hover {
    background: transparent;
    color: #fff;
    opacity: .90;
    transform: translateY(-1px);
}

.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial ul li a i {
    float: none;
    width: auto;
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 38px;
}

/* Sosyal alan tasindiktan sonra eski ara satir hedef tasarimda kullanilmiyor. */
.Footer.boCorporateFooter.boFooterSocialMoved .FooterBottom {
    display: none !important;
}

/* En alt copyright / odeme satiri */
.Footer.boCorporateFooter .FooterBottomBottom {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,.20);
    background: rgba(0,0,0,.035);
}

.Footer.boCorporateFooter .FooterBottomBottom .ticiContainer {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomLeft {
    float: none;
    width: auto;
    margin: 0;
    color: rgba(255,255,255,.90);
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight {
    float: none;
    width: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 30px;
}

/* Tablet / dar masaustu */
@media (max-width: 1100px) {
    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul {
        grid-template-columns: 1.4fr repeat(2, minmax(0, 1fr));
        gap: 32px;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li,
    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li.Filetisim,
    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li:last-child {
        padding: 0;
        border-right: 0;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li.Filetisim {
        grid-row: span 2;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li:nth-child(5) {
        grid-column: 3;
    }
}

@media (max-width: 900px) {
    .Footer.boCorporateFooter .ticiContainer {
        width: calc(100% - 36px);
    }

    .Footer.boCorporateFooter .FooterBottomBottom .ticiContainer {
        min-height: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 14px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomLeft,
    .Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight {
        width: auto;
        margin: 0;
        text-align: left;
    }
}

@media (max-width: 760px) {
    .Footer.boCorporateFooter .FooterMiddle {
        padding: 42px 0;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 28px;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li.Filetisim {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li:nth-child(5) {
        grid-column: auto;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > span {
        margin-bottom: 20px;
        border-top: 0;
        line-height: 1.2;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul,
    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li.acik > ul {
        display: block !important;
    }

    .Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li {
        text-align: left;
    }

    .Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial {
        margin-top: 28px;
    }
}

@media (max-width: 767px) {
    /* Temanin mobil body padding'i footer'i iki yandan iceri almasin. */
    body .Footer.boCorporateFooter {
        position: relative;
        left: -10px;
        width: calc(100% + 20px);
    }
}

@media (max-width: 520px) {
    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li.Filetisim,
    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li:nth-child(5) {
        grid-column: auto;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > span {
        margin-bottom: 18px;
    }

    .Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul > li > a,
    .Footer.boCorporateFooter .FooterMiddle ul li.Filetisim,
    .Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li,
    .Footer.boCorporateFooter .FooterMiddle ul li.Filetisim > ul > li p {
        font-size: 13px;
    }
}


/* =========================================================
   FOOTER V2.1 - EN ALT SATIR / ODEME ALANI DUZELTMESI
   Ticimax varsayilan kartimg.png gorselini kullanmak yerine
   secilen Kurumsal ve Dengeli tasarimdaki odeme gorunumunu olusturur.
   JS, copyright ve odeme alanlarini .boFooterBottomRow icine tasir.
   ========================================================= */
.Footer.boCorporateFooter .FooterBottomBottom .ticiContainer {
    display: block !important;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.Footer.boCorporateFooter .FooterBottomBottom .boFooterBottomRow {
    width: 100%;
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: 18px 0;
}

.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomLeft,
.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomLeft {
    flex: 0 1 auto;
    color: rgba(255,255,255,.90);
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

/* Ticimax'in varsayilan tek parca Visa/Mastercard gorseli artik kullanilmaz. */
.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight > img,
.Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight .boOriginalPaymentImage {
    display: none !important;
}

.Footer.boCorporateFooter .boPaymentLogos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    color: #fff;
    white-space: nowrap;
}

.Footer.boCorporateFooter .boVisa {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    font-style: italic;
    line-height: 1;
    letter-spacing: -.05em;
}

.Footer.boCorporateFooter .boMastercard {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.94);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.Footer.boCorporateFooter .boMcCircles {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    flex: 0 0 35px;
}

.Footer.boCorporateFooter .boMcCircle {
    position: absolute;
    top: 1px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.Footer.boCorporateFooter .boMcCircle.boMcRed {
    left: 0;
    background: #ef3b24;
}

.Footer.boCorporateFooter .boMcCircle.boMcOrange {
    right: 0;
    background: #f4a31d;
    opacity: .96;
}

@media (max-width: 900px) {
    .Footer.boCorporateFooter .FooterBottomBottom .boFooterBottomRow {
        min-height: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 14px;
        padding: 20px 0;
    }

    .Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomLeft,
    .Footer.boCorporateFooter .FooterBottomBottom .FooterBottomBottomRight {
        width: 100% !important;
        text-align: left;
        justify-content: flex-start;
    }

    .Footer.boCorporateFooter .boPaymentLogos {
        justify-content: flex-start;
    }
}


/* FOOTER V3 STABILITE NOTU: Responsive gecis CSS ile yapilir; JS resize sirasinda footer DOM'unu yeniden kurmaz. */

/* =========================================================
   FOOTER V4 - HOVER TITREME / FONT RASTER FIX
   Opacity ve transform animasyonlari, ozellikle Windows Chromium'da
   metin anti-aliasing gorunumunu hover aninda degistirebilir.
   Link kutusu hareket etmese bile bu durum minik titreme gibi algilanir.
   Footer hover davranisi geometri/opacity degistirmeyecek sekilde sabitlendi.
   ========================================================= */
.Footer.boCorporateFooter .FooterMiddle a,
.Footer.boCorporateFooter .FooterBottomBottom a {
    transition: none !important;
    -webkit-transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
}

.Footer.boCorporateFooter .FooterMiddle .ticiContainer > ul > li > ul > li > a:hover,
.Footer.boCorporateFooter .FooterMiddle a:hover {
    color: #fff !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    background: transparent !important;
}

/* Sosyal ikonlarda da 1px yukari hareket ve opacity animasyonu kaldirildi. */
.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial ul li a,
.Footer.boCorporateFooter .FooterMiddle .Filetisim > .FooterBottomLeft.boFooterSocial ul li a:hover {
    transition: none !important;
    -webkit-transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
}

/* =========================================================
   BEBEGIM OLACAK - BLOG / PARENT GUIDE HUB
   Yalnizca /blog, /blog/kategori/* ve /blog/icerik/* sayfalarinda calisir.
   Mevcut site ve footer stillerine dokunmaz.
   ========================================================= */

body.boBlogHubBody {
    background-color: #f7f5f0 !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='360' viewBox='0 0 620 360'%3E%3Cg fill='none' stroke='%238ba69d' stroke-width='1.45' opacity='.30'%3E%3Cpath d='M42 324c72-63 119-142 140-245'/%3E%3Cpath d='M83 275c-31-3-55-18-69-44 34-3 61 10 77 37'/%3E%3Cpath d='M121 219c-27-10-45-29-52-55 31 6 52 23 60 51'/%3E%3Cpath d='M151 159c-22-14-34-34-34-58 27 11 41 30 41 55'/%3E%3Cpath d='M176 105c-16-14-24-31-21-51 21 10 31 27 28 48'/%3E%3C/g%3E%3Cg fill='%23b99879' opacity='.18'%3E%3Ccircle cx='235' cy='87' r='4'/%3E%3Ccircle cx='260' cy='112' r='2.8'/%3E%3Ccircle cx='210' cy='129' r='2.4'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='330' viewBox='0 0 520 330'%3E%3Cg fill='none' stroke='%23b59d87' stroke-width='1.25' opacity='.24'%3E%3Cpath d='M478 30c-48 48-82 105-102 177'/%3E%3Cpath d='M445 81c24 3 43 15 56 36-27 4-49-6-62-29'/%3E%3Cpath d='M414 130c22 7 37 21 44 42-25-4-42-17-50-39'/%3E%3Cpath d='M389 178c18 10 29 25 31 44-22-7-34-21-36-41'/%3E%3C/g%3E%3Cg fill='%238ba69d' opacity='.14'%3E%3Ccircle cx='335' cy='235' r='5'/%3E%3Ccircle cx='310' cy='213' r='3'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(780px 310px at 8% 0%, rgba(235, 222, 209, .82) 0%, rgba(235, 222, 209, 0) 72%),
        radial-gradient(700px 300px at 96% 7%, rgba(219, 235, 228, .72) 0%, rgba(219, 235, 228, 0) 74%),
        linear-gradient(180deg, rgba(252,249,245,.96) 0, rgba(248,247,242,.98) 420px, #f7f5f0 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position: left 92px, right 560px, left top, right top, left top !important;
    background-size: 620px 360px, 520px 330px, auto, auto, auto !important;
}

body.boBlogHubBody .blogCenter,
body.boBlogHubBody .blogRight,
body.boBlogHubBody .blogContent,
body.boBlogHubBody .blogContainer {
    background: transparent !important;
}

body.boBlogHubBody .boBlogHubShell {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 0 32px;
}

body.boBlogHubBody .boBlogHubHeader {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding: 38px 0 28px;
}

body.boBlogHubBody .boBlogHubHeaderText {
    min-width: 0;
}

body.boBlogHubBody .boBlogHubHeader h1 {
    margin: 0;
    color: #202728;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.025em;
}

body.boBlogHubBody .boBlogHubHeader p {
    max-width: 690px;
    margin: 10px 0 0;
    color: #70797b;
    font-size: 13px;
    line-height: 1.75;
}

body.boBlogHubBody .boBlogHubActions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

body.boBlogHubBody .boBlogAllLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 18px;
    border: 1px solid #e7eceb;
    border-radius: 12px;
    background: rgba(255,255,255,.96);
    color: #248474;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    transition: border-color .18s ease, background-color .18s ease;
}

body.boBlogHubBody .boBlogAllLink:hover {
    border-color: #bcd9d2;
    background: #fff;
    color: #248474;
}

body.boBlogHubBody .boBlogSearch {
    display: flex;
    align-items: center;
    width: 315px;
    height: 46px;
    overflow: hidden;
    border: 1px solid #e7eceb;
    border-radius: 12px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 4px 18px rgba(28,44,40,.025);
}

body.boBlogHubBody .boBlogSearch input {
    min-width: 0;
    flex: 1 1 auto;
    height: 44px;
    padding: 0 14px;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #202728;
    font-family: inherit;
    font-size: 12px;
}

body.boBlogHubBody .boBlogSearch button {
    width: 48px;
    height: 46px;
    padding: 0;
    border: 0;
    background: #1a9d85;
    color: #fff;
    font-size: 17px;
    line-height: 46px;
    cursor: pointer;
}

/* KATEGORILER */
body.boBlogHubBody .boBlogCategoryGrid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 42px;
}

body.boBlogHubBody .boBlogCategoryCard {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    padding: 14px 14px 18px;
    overflow: hidden;
    border: 1px solid #e4e9e7;
    border-radius: 26px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 32px rgba(28,43,40,.045);
    color: #202728;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.boBlogHubBody .boBlogCategoryCard:hover {
    transform: translateY(-2px);
    border-color: #cbded9;
    box-shadow: 0 18px 38px rgba(28,55,49,.085);
    color: #202728;
}

body.boBlogHubBody .boBlogCategoryImage {
    display: block;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 276 / 320;
    overflow: hidden;
    border-radius: 20px;
    background: #f3eee8;
    line-height: 0;
}


body.boBlogHubBody .boBlogCategoryImage picture {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 0;
}

body.boBlogHubBody .boBlogCategoryImage img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    object-fit: cover;
    object-position: center center;
}

/* BLOG V12 - KATEGORI GORSEL HIZASI
   Anne & Emzirme referans alinmistir. Tum kategori gorselleri ayni
   276:320 kutuyu, ayni merkez hizasini ve ayni sag/sol boslugu kullanir. */
body.boBlogHubBody .boBlogCategoryGrid .boBlogCategoryImage {
    transform: none !important;
}

body.boBlogHubBody .boBlogCategoryCopy {
    padding: 16px 6px 0;
}

body.boBlogHubBody .boBlogCategoryLabel {
    display: none !important;
    margin: 0 0 11px;
    color: #929ea0;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

body.boBlogHubBody .boBlogCategoryCard strong {
    display: block;
    margin: 0 0 9px;
    color: #202728;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

body.boBlogHubBody .boBlogCategoryCard small {
    display: block;
    margin: 0;
    color: #7d888a;
    font-size: 11px;
    line-height: 1.75;
    font-weight: 400;
}

/* TICIMAX BLOG ANA GRID */
body.boBlogHubBody .boBlogHubLayout {
    display: grid !important;
    width: 100% !important;
    max-width: 1320px !important;
    grid-template-columns: minmax(0, 1fr) 310px !important;
    align-items: start;
    gap: 40px !important;
    margin: 0 auto !important;
    padding: 0 0 32px !important;
    box-sizing: border-box !important;
}

body.boBlogHubBody .boBlogHubLayout::before,
body.boBlogHubBody .boBlogHubLayout::after {
    display: none !important;
    content: none !important;
}

body.boBlogHubBody .boBlogHubLayout > .blogCenter,
body.boBlogHubBody .boBlogHubLayout > .blogRight,
body.boBlogHubBody .boBlogHubLayout > .boBlogMain {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.boBlogHubBody.boBlogHubIndex .boBlogHubLayout > .blogCenter.boBlogOriginalCenter {
    display: none !important;
}

body.boBlogHubBody .blogRight .blogKategori {
    display: none !important;
}

/* ANA / ONE CIKAN YAZI */
body.boBlogHubBody .boBlogMain {
    min-width: 0;
}

body.boBlogHubBody .boBlogFeature {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
    margin: 0 0 28px;
    border: 1px solid #e7eceb;
    border-radius: 24px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 30px rgba(28,42,39,.035);
}

body.boBlogHubBody .boBlogFeatureMedia {
    display: block;
    min-height: 398px;
    overflow: hidden;
    background: #f2f2f2;
}

body.boBlogHubBody .boBlogFeatureMedia img {
    width: 100%;
    height: 100%;
    min-height: 398px;
    object-fit: cover;
}

body.boBlogHubBody .boBlogFeatureCopy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px;
}

body.boBlogHubBody .boBlogEyebrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
}

body.boBlogHubBody .boBlogEyebrow span {
    color: #248474;
    font-size: 9.5px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.boBlogHubBody .boBlogEyebrow i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #c8d3d0;
}

body.boBlogHubBody .boBlogFeatureCopy h2 {
    margin: 0 0 11px;
    color: #202728;
    font-size: 27px;
    line-height: 1.34;
    font-weight: 700;
    letter-spacing: -.018em;
}

body.boBlogHubBody .boBlogDate {
    color: #929a9c;
    font-size: 10.5px;
    line-height: 1.5;
}

body.boBlogHubBody .boBlogFeatureCopy p {
    margin: 18px 0 22px;
    color: #70797b;
    font-size: 12.5px;
    line-height: 1.8;
}

body.boBlogHubBody .boBlogReadLink {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    background: #1a9d85;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

body.boBlogHubBody .boBlogReadLink:hover {
    background: #248474;
    color: #fff;
}

body.boBlogHubBody .boBlogListHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 4px 0 10px;
}

body.boBlogHubBody .boBlogListHead h2 {
    margin: 0;
    color: #202728;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

body.boBlogHubBody .boBlogListHead span {
    color: #929a9c;
    font-size: 10px;
}

body.boBlogHubBody .boBlogPostList {
    display: grid;
    gap: 0;
}

body.boBlogHubBody .boBlogPost {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
    padding: 22px 0;
    border-bottom: 1px solid #e7eceb;
}

body.boBlogHubBody .boBlogPostMedia {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 18px;
    background: #f4f4f4;
}

body.boBlogHubBody .boBlogPostMedia img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

body.boBlogHubBody .boBlogPost:hover .boBlogPostMedia img {
    transform: scale(1.025);
}

body.boBlogHubBody .boBlogPostCategory {
    color: #248474;
    font-size: 9.5px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.boBlogHubBody .boBlogPost h3 {
    margin: 7px 0 8px;
    color: #202728;
    font-size: 17px;
    line-height: 1.42;
    font-weight: 700;
    letter-spacing: -.01em;
}

body.boBlogHubBody .boBlogPost p {
    margin: 0 0 12px;
    color: #70797b;
    font-size: 11.8px;
    line-height: 1.7;
}

body.boBlogHubBody .boBlogPostMeta {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #929a9c;
    font-size: 9.5px;
}

body.boBlogHubBody .boBlogPostMeta a {
    color: #248474;
    font-size: 10px;
    font-weight: 700;
}

body.boBlogHubBody .boBlogLoading {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #eef1f0;
    color: #99a3a3;
    font-size: 11px;
}

body.boBlogHubBody .boBlogSearchEmpty {
    padding: 34px 30px;
    border: 1px solid #e3e9e7;
    border-radius: 20px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 10px 26px rgba(30,49,45,.035);
}

body.boBlogHubBody .boBlogSearchEmpty strong {
    display: block;
    margin-bottom: 8px;
    color: #202728;
    font-size: 15px;
    line-height: 1.45;
}

body.boBlogHubBody .boBlogSearchEmpty p {
    margin: 0;
    color: #7d888a;
    font-size: 11.5px;
    line-height: 1.75;
}

/* SAYFALAMA */
body.boBlogHubBody .boBlogPagination {
    margin: 34px 0 70px;
}

body.boBlogHubBody .boBlogPagination ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.boBlogHubBody .boBlogPagination li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.boBlogHubBody .boBlogPagination a,
body.boBlogHubBody .boBlogPagination span {
    display: grid !important;
    width: 36px;
    height: 36px;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e4e9e7 !important;
    border-radius: 10px;
    background: #fff;
    color: #5f6869;
    font-size: 10.5px !important;
    line-height: 1 !important;
}

body.boBlogHubBody .boBlogPagination .active a,
body.boBlogHubBody .boBlogPagination .active span,
body.boBlogHubBody .boBlogPagination a.active,
body.boBlogHubBody .boBlogPagination span.active {
    border-color: #1a9d85 !important;
    background: #1a9d85 !important;
    color: #fff !important;
}

/* Ustteki yeni arama alani kullanildigi icin Ticimax'in sag kolondaki
   orijinal arama formunu tekrar gostermeyelim. */
body.boBlogHubBody .blogRight > form {
    display: none !important;
}

/* =========================================================
   BLOG V8 - DETAY SAYFASI SAG KOLON KATEGORILERI
   Ana blog/kategori sayfalarinda ustteki kategori grid'i korunur.
   Yalnizca /blog/icerik/* sayfalarinda kategori alani sag kolonda
   kompakt kartlar halinde gosterilir.
   ========================================================= */
body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryPanel {
    margin: 0 0 18px !important;
    padding: 20px !important;
    border: 1px solid #e7eceb !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 10px 26px rgba(28,42,39,.025);
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryHead h3 {
    margin: 0 !important;
    color: #202728 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryHead span {
    color: #9aa3a4;
    font-size: 9.5px;
    line-height: 1.2;
    white-space: nowrap;
}

body.boBlogHubHubDetail .boBlogDetailCategoryList,
body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryList {
    display: grid;
    gap: 12px;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryItem {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 96px;
    padding: 9px;
    border: 1px solid #e6ece9;
    border-radius: 18px;
    background: #fff;
    color: #202728 !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryItem:hover {
    border-color: #cbded9;
    box-shadow: 0 8px 20px rgba(28,55,49,.055);
    transform: translateY(-1px);
    color: #202728 !important;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryThumb {
    width: 78px;
    aspect-ratio: 276 / 320;
    overflow: hidden;
    border-radius: 14px;
    background: #f3eee8;
    line-height: 0;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryThumb img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center center;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryText {
    min-width: 0;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryText strong {
    display: block;
    margin: 0 0 5px;
    color: #202728;
    font-size: 12.5px;
    line-height: 1.35;
    font-weight: 700;
}

body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryText small {
    display: block;
    margin: 0;
    color: #7d888a;
    font-size: 9.8px;
    line-height: 1.55;
    font-weight: 400;
}

/* SAG ALAN / SON YAZILAR */
body.boBlogHubBody .blogRight > div:not(.blogKategori) {
    margin-bottom: 18px !important;
}

body.boBlogHubBody .blogRight .blokSonYazilar {
    padding: 22px !important;
    border: 1px solid #e7eceb !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.95) !important;
    box-shadow: 0 10px 26px rgba(28,42,39,.025);
}

body.boBlogHubBody .blogRight .bloksonyazilarbaslik,
body.boBlogHubBody .blogRight .blokSonYazilar > div:first-child {
    margin: 0 0 17px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #202728 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

body.boBlogHubBody .blogRight .blokSonYazilar ul {
    display: grid !important;
    gap: 14px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.boBlogHubBody .blogRight .blokSonYazilar li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.boBlogHubBody .blogRight .blokSonYazilar li a {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    color: #202728 !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

body.boBlogHubBody .blogRight .blokSonYazilar li a img {
    width: 62px !important;
    height: 54px !important;
    margin: 0 !important;
    border-radius: 12px;
    object-fit: cover;
}

/* KATEGORI DETAY SAYFALARINDA MEVCUT LISTEYI BOZMADAN TOPARLA */
body.boBlogHubBody.boBlogHubCategory .blogCenter > h1,
body.boBlogHubBody.boBlogHubCategory .blogCenter > .blogBaslik {
    display: none !important;
}

body.boBlogHubBody.boBlogHubCategory .blogCenter {
    min-width: 0;
}

body.boBlogHubBody.boBlogHubCategory .blogCenter > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.boBlogHubBody.boBlogHubCategory .blogCenter > ul > li {
    overflow: hidden;
    margin: 0 0 24px !important;
    padding: 22px !important;
    border: 1px solid #e7eceb !important;
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 10px 28px rgba(28,42,39,.025);
}



/* =========================================================
   BLOG YAZI DETAY SAYFASI
   /blog/icerik/* sayfalarini blog ana sayfasiyla ayni tasarim diline getirir.
   Ticimax'in mevcut icerigini silmez; yalnizca duzenler.
   ========================================================= */
body.boBlogHubBody.boBlogHubDetail .boBlogHubLayout {
    align-items: start !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter {
    min-width: 0 !important;
    overflow: hidden;
    padding: 42px 46px 46px !important;
    border: 1px solid #e7eceb !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 12px 30px rgba(28,42,39,.035);
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter > *:first-child {
    margin-top: 0 !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter h1,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter .blogBaslik,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter .blogDetayBaslik {
    margin: 0 0 22px !important;
    color: #202728 !important;
    font-size: 32px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    letter-spacing: -.022em !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter h2 {
    margin: 34px 0 14px !important;
    color: #202728 !important;
    font-size: 22px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    letter-spacing: -.012em !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter h3 {
    margin: 28px 0 12px !important;
    color: #202728 !important;
    font-size: 18px !important;
    line-height: 1.48 !important;
    font-weight: 700 !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter p,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter li {
    color: #606b6d !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter p {
    margin: 0 0 18px !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter ul,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter ol {
    margin: 12px 0 24px !important;
    padding-left: 24px !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter li + li {
    margin-top: 7px !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter img {
    max-width: 100% !important;
    height: auto !important;
    margin: 22px auto 28px !important;
    border-radius: 20px;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter a {
    color: #248474;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter a:hover {
    color: #126d60;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter hr {
    height: 1px;
    margin: 30px 0 !important;
    border: 0 !important;
    background: #e7eceb;
}

/* Breadcrumb / meta / etiket / listeye don alanlarini sakinlestir. */
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter .breadcrumb,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter .breadcrumbs,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter [class*="breadcrumb"] {
    margin: 0 0 18px !important;
    color: #8c9798 !important;
    font-size: 10.5px !important;
    line-height: 1.6 !important;
}

body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter [class*="etiket"],
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter [class*="Etiket"],
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter [class*="tarih"],
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter [class*="Tarih"] {
    color: #8d9798 !important;
    font-size: 10.5px !important;
    line-height: 1.6 !important;
}

/* Ticimax detay sayfasinda icerik icte bir wrapper ile gelirse genisligi kisitlama. */
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter > div,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter > article,
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter [class*="blogDetay"],
body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter [class*="BlogDetay"] {
    max-width: 100% !important;
}

@media (max-width: 1200px) {
    body.boBlogHubBody .boBlogHubShell {
        max-width: 1160px;
    }
}

@media (max-width: 991px) {
    body.boBlogHubBody .boBlogHubShell {
        max-width: 960px;
    }

    body.boBlogHubBody .boBlogCategoryGrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.boBlogHubBody .boBlogHubLayout {
        grid-template-columns: 1fr !important;
    }

    body.boBlogHubBody .boBlogHubLayout > .blogRight {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    body.boBlogHubBody {
        background-size: 390px auto, 330px auto, auto, auto, auto !important;
        background-position: -70px 78px, calc(100% + 90px) 520px, left top, right top, left top !important;
    }

    body.boBlogHubBody .boBlogHubShell {
        max-width: none;
        padding-left: 18px;
        padding-right: 18px;
    }

    body.boBlogHubBody .boBlogHubHeader {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
        padding: 30px 0 24px;
    }

    body.boBlogHubBody .boBlogHubHeader h1 {
        font-size: 29px;
    }

    body.boBlogHubBody .boBlogHubActions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    body.boBlogHubBody .boBlogAllLink,
    body.boBlogHubBody .boBlogSearch {
        width: 100%;
    }

    body.boBlogHubBody .boBlogCategoryGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 30px;
    }

    body.boBlogHubBody .boBlogCategoryCard {
        min-height: 0;
        padding: 11px 11px 15px;
        border-radius: 20px;
    }

    body.boBlogHubBody .boBlogCategoryImage {
        border-radius: 16px;
    }

    body.boBlogHubBody .boBlogCategoryCopy {
        padding: 14px 4px 0;
    }

    body.boBlogHubBody .boBlogCategoryCard strong {
        font-size: 14px;
    }

    body.boBlogHubBody .boBlogCategoryCard small {
        font-size: 10px;
        line-height: 1.6;
    }

    body.boBlogHubBody .boBlogFeature {
        grid-template-columns: 1fr;
    }

    body.boBlogHubBody .boBlogFeatureMedia,
    body.boBlogHubBody .boBlogFeatureMedia img {
        min-height: 260px;
    }

    body.boBlogHubBody .boBlogFeatureCopy {
        padding: 25px 22px;
    }

    body.boBlogHubBody .boBlogFeatureCopy h2 {
        font-size: 23px;
    }

    body.boBlogHubBody .boBlogPost {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 15px;
    }

    body.boBlogHubBody .boBlogPost p {
        display: none;
    }

    body.boBlogHubBody .boBlogPost h3 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryPanel {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryList {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryItem {
        grid-template-columns: 62px minmax(0, 1fr);
        min-height: 82px;
        padding: 8px;
        gap: 9px;
        border-radius: 16px;
    }

    body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryThumb {
        width: 62px;
        border-radius: 12px;
    }

    body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryText strong {
        font-size: 11.5px;
    }

    body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryText small {
        display: none;
    }
}

@media (max-width: 440px) {
    body.boBlogHubBody .boBlogCategoryGrid {
        grid-template-columns: 1fr;
    }

    body.boBlogHubBody .boBlogPost {
        grid-template-columns: 100px minmax(0, 1fr);
    }
}

/* Bootstrap .row negatif kenar bosluklarini sifirla, ancak blog gridini
   kategori bolumu ile ayni 1320px eksende ortala. */
body.boBlogHubBody .boBlogHubLayout {
    margin-left: auto !important;
    margin-right: auto !important;
}


@media (max-width: 767px) {
    body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter {
        padding: 26px 20px 30px !important;
        border-radius: 20px !important;
    }

    body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter h1,
    body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter .blogBaslik,
    body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter .blogDetayBaslik {
        font-size: 25px !important;
    }

    body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter h2 {
        font-size: 19px !important;
    }

    body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter p,
    body.boBlogHubBody.boBlogHubDetail .blogCenter.boBlogDetailCenter li {
        font-size: 13px !important;
        line-height: 1.82 !important;
    }
}

/* =========================================================
   BLOG V4 - ORIJINAL BLOG METNI + POPULER YAZILAR
   ========================================================= */
body.boBlogHubBody .boBlogPostCopy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.boBlogHubBody .boBlogPostExcerpt {
    max-width: 690px;
    margin: 2px 0 13px !important;
    color: #6f797a !important;
    font-size: 11.8px !important;
    line-height: 1.78 !important;
}

body.boBlogHubBody .blogRight .boBlogPopularBlock li a {
    min-height: 54px;
}

body.boBlogHubBody .blogRight .boBlogSidebarLinkText {
    min-width: 0;
    display: block;
    color: #202728;
    font-size: 10.5px;
    line-height: 1.5;
    font-weight: 600;
}

body.boBlogHubBody .blogRight .boBlogSidebarImagePlaceholder {
    width: 62px;
    height: 54px;
    display: block;
    border-radius: 12px;
    background: linear-gradient(135deg, #eef5f3 0%, #f6f8f7 100%);
}

@media (max-width: 720px) {
    body.boBlogHubBody .boBlogPostExcerpt {
        display: block !important;
        max-width: none;
        margin-top: 4px !important;
        font-size: 11px !important;
        line-height: 1.7 !important;
    }
}


/* V6 - 5'li blog sayfalama yukleme stabilitesi */
body.boBlogHubBody .boBlogMain > .boBlogLoading {
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================================================
   BLOG V7 - KATEGORI 5'LI SAYFALAMA
   Kategori sayfalarinda Ticimax'in tek-yazi-per-page orijinal listesini
   gizler; V7 JavaScript'in olusturdugu 5'li yeni blog akisini gosterir.
   ========================================================= */
body.boBlogHubBody.boBlogHubCategory .boBlogHubLayout > .blogCenter.boBlogOriginalCenter {
    display: none !important;
}

body.boBlogHubBody.boBlogHubCategory .boBlogHubLayout > .boBlogMain {
    display: block !important;
    min-width: 0 !important;
}


/* =========================================================
   BLOG V8 - KATEGORI KONUMU / GORSEL SIMETRISI
   - Ana blog ve kategori sayfalarinda ust kategori grid'i korunur.
   - Blog detayinda kategori alani sag kolonda kompakt kartlara donusur.
   - Kategori gorselleri kirpilmadan kendi oraninda tam gosterilir.
   ========================================================= */



/* V11: Blog detayinda masaustunde mevcut sag kolon kategori yapisini koru. */
@media (min-width: 768px) {
    body.boBlogHubBody.boBlogHubDetail .boBlogHubShell > .boBlogCategoryGrid {
        display: none !important;
    }
}

/* =========================================================
   BLOG V10 - MOBIL GORSEL RAIL
   Sadece 767px ve altinda calisir.
   Masaustu blog tasarimina dokunmaz.

   Mobil mantik:
   - Faydalı Bilgiler basligi + arama/tum yazilar kompakt
   - Kategoriler yatay kaydirilan gorsel rail
   - One cikan yazi tek kolon kart
   - En Yeni Rehberler kompakt gorsel + baslik listesi
   - Populer Yazilar gercek blog gorselleriyle kompakt liste
   ========================================================= */
@media (max-width: 767px) {
    body.boBlogHubBody .boBlogHubShell {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 20px !important;
    }

    /* V11: Mobil blog detayinda eski sag kolon kategori kartlarini gizle.
       Kategoriler, ana blogdaki ayni Gorsel Rail olarak ustte kalir. */
    body.boBlogHubBody.boBlogHubDetail .boBlogDetailCategoryPanel {
        display: none !important;
    }

    /* V12: Blog detayinda Ticimax'in eski mobil arama alani gorunmesin.
       Ustteki .boBlogSearch bizim aktif arama alanidir ve korunur. */
    body.boBlogHubBody.boBlogHubDetail .blogRight form,
    body.boBlogHubBody.boBlogHubDetail .blogRight .blogAra,
    body.boBlogHubBody.boBlogHubDetail .blogRight .blogArama,
    body.boBlogHubBody.boBlogHubDetail .blogRight .blogSearch,
    body.boBlogHubBody.boBlogHubDetail .blogRight [class*="blogAra"],
    body.boBlogHubBody.boBlogHubDetail .blogRight [class*="BlogAra"] {
        display: none !important;
    }


    body.boBlogHubBody .boBlogHubHeader {
        display: block !important;
        padding: 16px 0 18px !important;
    }

    body.boBlogHubBody .boBlogHubHeader h1 {
        font-size: 29px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        letter-spacing: -.025em !important;
    }

    body.boBlogHubBody .boBlogHubHeader p {
        max-width: none !important;
        margin-top: 9px !important;
        font-size: 11.5px !important;
        line-height: 1.72 !important;
    }

    body.boBlogHubBody .boBlogHubActions {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 9px !important;
        width: 100% !important;
        margin-top: 15px !important;
    }

    body.boBlogHubBody .boBlogAllLink {
        width: auto !important;
        min-width: 86px !important;
        height: 42px !important;
        padding: 0 14px !important;
        border-radius: 13px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
    }

    body.boBlogHubBody .boBlogSearch {
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        border-radius: 13px !important;
    }

    body.boBlogHubBody .boBlogSearch input {
        height: 40px !important;
        padding: 0 12px !important;
        font-size: 10.5px !important;
    }

    body.boBlogHubBody .boBlogSearch button {
        width: 44px !important;
        height: 42px !important;
        line-height: 42px !important;
        flex: 0 0 44px !important;
        font-size: 15px !important;
    }

    /* Ana blog ve kategori liste sayfalarinda kategori kartlarini
       Design 4'teki yatay gorsel rail'e cevir. */
    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryGrid,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryGrid,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryGrid {
        display: flex !important;
        position: relative !important;
        grid-template-columns: none !important;
        gap: 13px !important;
        width: 100% !important;
        margin: 0 0 18px !important;
        padding: 35px 1px 9px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryGrid::-webkit-scrollbar,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryGrid::-webkit-scrollbar,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryGrid::-webkit-scrollbar {
        display: none;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryGrid::before,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryGrid::before,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryGrid::before {
        content: "Kategoriler";
        position: absolute;
        top: 2px;
        left: 1px;
        color: #202728;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 800;
        letter-spacing: -.01em;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryGrid::after,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryGrid::after,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryGrid::after {
        content: "Hızlı seçim";
        position: absolute;
        top: 4px;
        right: 1px;
        color: #9aa3a5;
        font-size: 9.5px;
        line-height: 1.3;
        font-weight: 500;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryCard,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryCard,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryCard {
        flex: 0 0 82px !important;
        width: 82px !important;
        min-width: 82px !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-align: center !important;
        scroll-snap-align: start;
        transform: none !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryCard:hover,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryCard:hover,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryCard:hover {
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryImage,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryImage,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryImage {
        width: 76px !important;
        height: 76px !important;
        aspect-ratio: auto !important;
        margin: 0 auto !important;
        border: 1px solid #e4e9e7 !important;
        border-radius: 24px !important;
        background: #f3eee8 !important;
        box-shadow: 0 7px 18px rgba(28,43,40,.05) !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryImage img,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryImage img,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryImage img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryCopy,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryCopy,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryCopy {
        padding: 8px 0 0 !important;
        text-align: center !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryCard strong,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryCard strong,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryCard strong {
        margin: 0 !important;
        color: #202728 !important;
        font-size: 9.6px !important;
        line-height: 1.35 !important;
        font-weight: 800 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogCategoryCard small,
    body.boBlogHubBody.boBlogHubCategory .boBlogCategoryCard small,
    body.boBlogHubBody.boBlogHubDetail .boBlogCategoryCard small {
        display: none !important;
    }



    body.boBlogHubBody .boBlogCategoryImage picture {
        width: 100% !important;
        height: 100% !important;
    }

    /* Ana blogta one cikan yazi - Design 4 */
    body.boBlogHubBody.boBlogHubIndex .boBlogFeature {
        display: block !important;
        margin: 16px 0 24px !important;
        border-radius: 22px !important;
        box-shadow: 0 14px 34px rgba(28,43,40,.06) !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogFeatureMedia {
        min-height: 0 !important;
        height: 202px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogFeatureMedia img {
        width: 100% !important;
        height: 202px !important;
        min-height: 0 !important;
        object-fit: cover !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogFeatureCopy {
        display: block !important;
        padding: 18px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogEyebrow {
        margin-bottom: 8px !important;
        gap: 7px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogEyebrow span,
    body.boBlogHubBody.boBlogHubIndex .boBlogPostCategory {
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogFeatureCopy h2 {
        margin: 8px 0 9px !important;
        font-size: 21px !important;
        line-height: 1.27 !important;
        font-weight: 800 !important;
        letter-spacing: -.018em !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogDate {
        font-size: 9.5px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogFeatureCopy p {
        margin: 13px 0 16px !important;
        font-size: 11px !important;
        line-height: 1.72 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogReadLink {
        min-height: 38px !important;
        height: 38px !important;
        padding: 0 14px !important;
        border-radius: 12px !important;
        font-size: 10px !important;
    }

    /* En Yeni Rehberler - gerçek yazı görselleri korunur */
    body.boBlogHubBody.boBlogHubIndex .boBlogListHead {
        margin: 0 !important;
        padding: 0 0 12px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogListHead h2 {
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 800 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogListHead span {
        font-size: 9.5px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPost {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 13px !important;
        align-items: center !important;
        padding: 12px 0 !important;
        border-top: 1px solid #e4e9e7 !important;
        border-bottom: 0 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPostMedia {
        width: 92px !important;
        height: 76px !important;
        aspect-ratio: auto !important;
        border-radius: 14px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPostMedia img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPostCopy {
        display: block !important;
        min-width: 0 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPost h3 {
        margin: 3px 0 6px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        font-weight: 800 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPostExcerpt {
        display: none !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPostMeta {
        gap: 7px !important;
        font-size: 9px !important;
        line-height: 1.45 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPostMeta span {
        display: none !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPostMeta a {
        font-size: 9px !important;
        line-height: 1.45 !important;
    }

    /* Populer Yazilar - sag kolon mobilde ana listenin ardindan gelir.
       Görsel, JS tarafinda her blog detay sayfasindan gerçek yazı görseli
       olarak çekilir; kategori görseli kullanılmaz. */
    body.boBlogHubBody.boBlogHubIndex .boBlogHubLayout > .blogRight {
        margin-top: 4px !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .blokSonYazilar {
        margin: 0 0 24px !important;
        padding: 17px !important;
        border: 1px solid #e4e9e7 !important;
        border-radius: 20px !important;
        background: rgba(255,255,255,.88) !important;
        box-shadow: none !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .bloksonyazilarbaslik,
    body.boBlogHubBody.boBlogHubIndex .blogRight .blokSonYazilar > div:first-child {
        margin: 0 0 13px !important;
        padding: 0 !important;
        border: 0 !important;
        color: #202728 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        font-weight: 800 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .blokSonYazilar ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .blokSonYazilar li {
        margin: 0 !important;
        padding: 8px 0 !important;
        border-top: 1px solid #edf0ef !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .blokSonYazilar li:first-child {
        border-top: 0 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .blokSonYazilar li a {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        min-height: 48px !important;
        padding: 0 !important;
        color: #202728 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .blokSonYazilar li a img,
    body.boBlogHubBody.boBlogHubIndex .blogRight .boBlogSidebarImagePlaceholder {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        border-radius: 11px !important;
        object-fit: cover !important;
    }

    body.boBlogHubBody.boBlogHubIndex .blogRight .boBlogSidebarLinkText {
        color: #202728 !important;
        font-size: 10.2px !important;
        line-height: 1.45 !important;
        font-weight: 700 !important;
    }

    body.boBlogHubBody.boBlogHubIndex .boBlogPagination {
        margin: 24px 0 38px !important;
    }
}

@media (max-width: 360px) {
    body.boBlogHubBody .boBlogHubShell {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    body.boBlogHubBody .boBlogHubHeader h1 {
        font-size: 27px !important;
    }
}

/* =========================================================
   BLOG V14 - MOBIL DETAY ARAMA + KATEGORI GORSEL DUZELTMESI
   ========================================================= */
@media (max-width: 767px) {
    /* V14: Ana ASP.NET formuna veya blog layout wrapper'larina dokunma.
       JS yalnizca eski aramanin kendi input/buton kontrollerine bu sinifi verir. */
    body.boBlogHubBody.boBlogHubDetail .boBlogLegacySearchControl {
        display: none !important;
    }

    /* Rail'de kategori kaynaklarinda dosya ici padding/border bulunmaz. */
    body.boBlogHubBody .boBlogCategoryImage img,
    body.boBlogHubBody .boBlogCategoryImage picture,
    body.boBlogHubBody .boBlogCategoryImage source {
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* =========================================================
   BEBEGIM OLACAK - KATEGORI SIRALAMA / PREMIUM SELECT V1
   SADECE kategori sayfasindaki #divSayfalamaUst siralama alanini etkiler.
   Floating Premium mega menu ve Floating Refined sol filtre aynen korunur.
   ========================================================= */

@media screen and (min-width: 1042px) {
    body.CategoryBody #divSayfalamaUst.boPremiumSortHost {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
        text-align: initial !important;
    }

    /* Eski yatay siralama linkleri ve eski gorunum ikonlari DOM'da korunur.
       Yeni toolbar onlarin mevcut click davranislarini kullanir. */
    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .brandlistselection > .sortingContent,
    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .blockSelect {
        display: none !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortBar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        width: 100% !important;
        min-height: 64px !important;
        padding: 0 2px !important;
        border: 0 !important;
        border-bottom: 1px solid #edf0ee !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortLeft,
    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortRight {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortLeft {
        flex: 0 0 auto !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortRight {
        flex: 1 1 auto !important;
        justify-content: flex-end !important;
        gap: 10px !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortCount {
        display: inline-flex !important;
        align-items: baseline !important;
        gap: 4px !important;
        color: #435249 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        white-space: nowrap !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortCount strong {
        color: #17241f !important;
        font-size: inherit !important;
        font-weight: 650 !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumStockSwitch {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #516057 !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        white-space: nowrap !important;
        cursor: pointer !important;
        user-select: none !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumStockSwitch input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumStockTrack {
        position: relative !important;
        display: inline-block !important;
        flex: 0 0 34px !important;
        width: 34px !important;
        height: 19px !important;
        border-radius: 999px !important;
        background: #dde5e0 !important;
        transition: background-color .18s ease !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumStockTrack:after {
        content: '' !important;
        position: absolute !important;
        top: 3px !important;
        left: 3px !important;
        width: 13px !important;
        height: 13px !important;
        border-radius: 50% !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(0,0,0,.14) !important;
        transition: left .18s ease !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumStockSwitch input:checked + .boPremiumStockTrack {
        background: var(--theme-color) !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumStockSwitch input:checked + .boPremiumStockTrack:after {
        left: 18px !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumStockSwitch input:focus-visible + .boPremiumStockTrack {
        box-shadow: 0 0 0 3px rgba(26,157,133,.12) !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortLabel {
        margin-left: 4px !important;
        color: #738078 !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        white-space: nowrap !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortSelectWrap {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortSelect {
        display: block !important;
        width: auto !important;
        min-width: 210px !important;
        max-width: 280px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 38px 0 12px !important;
        border: 1px solid #dce5e0 !important;
        border-radius: 7px !important;
        background-color: #fff !important;
        background-image:
            linear-gradient(45deg, transparent 50%, #718078 50%),
            linear-gradient(135deg, #718078 50%, transparent 50%) !important;
        background-position:
            calc(100% - 16px) 16px,
            calc(100% - 12px) 16px !important;
        background-size: 4px 4px, 4px 4px !important;
        background-repeat: no-repeat !important;
        color: #24352d !important;
        font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
        font-size: 11px !important;
        line-height: normal !important;
        font-weight: 500 !important;
        text-align: left !important;
        text-align-last: left !important;
        box-shadow: none !important;
        outline: 0 !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        transition: border-color .16s ease, box-shadow .16s ease !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortSelect:hover {
        border-color: #cbd9d2 !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortSelect:focus {
        border-color: #8ecabb !important;
        box-shadow: 0 0 0 3px rgba(26,157,133,.07) !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViews {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        min-height: 30px !important;
        margin-left: 2px !important;
        padding-left: 10px !important;
        border-left: 1px solid #e2e8e4 !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewButton {
        display: grid !important;
        place-items: center !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 6px !important;
        background: transparent !important;
        color: #a6b0aa !important;
        box-shadow: none !important;
        cursor: pointer !important;
        transition: color .16s ease, background-color .16s ease !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewButton:hover,
    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewButton.is-active {
        background: #f1f6f3 !important;
        color: #183b30 !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewButton:focus-visible {
        outline: 2px solid rgba(26,157,133,.45) !important;
        outline-offset: 2px !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewDots {
        display: grid !important;
        gap: 2px !important;
        color: inherit !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewDots.is-three {
        grid-template-columns: repeat(3, 5px) !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewDots.is-four {
        grid-template-columns: repeat(4, 4px) !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewDots i {
        display: block !important;
        border-radius: 50% !important;
        background: currentColor !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewDots.is-three i {
        width: 5px !important;
        height: 5px !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumViewDots.is-four i {
        width: 4px !important;
        height: 4px !important;
    }
}

@media screen and (min-width: 1042px) and (max-width: 1199px) {
    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortBar {
        gap: 12px !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortRight {
        gap: 8px !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortSelect {
        min-width: 180px !important;
        max-width: 220px !important;
    }

    body.CategoryBody #divSayfalamaUst.boPremiumSortHost .boPremiumSortLabel {
        display: none !important;
    }
}

/* Tablet/mobilde mevcut Ticimax siralama akisi aynen devam eder. */
@media screen and (max-width: 1041px) {
    body.CategoryBody #divSayfalamaUst .boPremiumSortBar {
        display: none !important;
    }
}
/* =========================================================
   BEBEGIM OLACAK - GLOBAL URUN DETAY PAKETI / 2026-09-16
   1) COMMERCE ACCORDION V6 - tum urun detay sayfalari
   2) URUN DETAY GALERI - soft slide + ana oklar + thumb oklar
      tum urun detay sayfalari
   3) URUN KARTI - DATA-SECOND DIRECT SOFT CROSSFADE V5
      liste/kategori kartlarinda global
   ========================================================= */

/* ---------------------------------------------------------
   A. LISTE / KATEGORI KARTLARINDA 2. GORSEL / DIRECT CROSSFADE V5

   NEDEN:
   Ticimax urun kartinda ikinci gorseli resimOrginal[data-second]
   uzerinden yonetir. Onceki surum native src degisimini IZLIYORDU.
   Native durum ilk hover sonrasi farkli kalabildigi icin tekrar hover
   ve ara/lazy kare sorunlari olusabiliyordu.

   V5:
   - Ana resmin src'si efekt icin degistirilmez.
   - data-second ayri bir overlay img olarak yuklenir.
   - Hover'da overlay opacity ile acilir; cikista kapanir.
   - Her hover ayni state'ten baslar, ara kare yoktur.
   --------------------------------------------------------- */
@media (hover:hover) and (pointer:fine){
    .productItem .productImage{
        position:relative!important;
        overflow:hidden!important;
        isolation:isolate;
    }

    .productItem .productImage img.resimOrginal{
        z-index:1;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
    }

    .productItem .productImage img.boDirectHoverSecond{
        position:absolute!important;
        inset:0!important;
        z-index:3!important;
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        height:100%!important;
        max-height:100%!important;
        margin:auto!important;
        padding:0!important;
        border:0!important;
        object-fit:contain!important;
        opacity:0!important;
        transform:scale(1.018)!important;
        pointer-events:none!important;
        will-change:opacity,transform;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
        transition:
            opacity .58s cubic-bezier(.22,.61,.36,1),
            transform .72s cubic-bezier(.22,.61,.36,1)!important;
    }

    .productItem.boDirectHoverReady.boDirectHoverActive .productImage img.boDirectHoverSecond{
        opacity:1!important;
        transform:scale(1)!important;
    }

    /* Native tema src degistirse bile kullaniciya sadece bizim iki katmanli
       gecisimiz gorunur. */
    .productItem.boDirectHoverManaged .productImage img.resimOrginal{
        opacity:1!important;
        transform:none!important;
    }
}

@media (hover:none), (pointer:coarse){
    .productItem .productImage img.boDirectHoverSecond{display:none!important;}
}

/* ---------------------------------------------------------
   B. GLOBAL / COMMERCE ACCORDION V9 BUNDLE
   --------------------------------------------------------- */
body.boCommerceAccordionV5 .boCommerceOriginal{
    display:none!important;
}

body.boCommerceAccordionV5 .boCommerceAccordion{
    --bo-ca-green:#16836f;
    --bo-ca-ink:#161b19;
    --bo-ca-copy:#5f6e66;
    --bo-ca-soft:#64736b;
    --bo-ca-line:#e4ebe7;
    --bo-ca-bg:#fff;
    width:100%;
    margin:0;
    padding:0;
    color:var(--bo-ca-ink);
    font-family:Montserrat,"Segoe UI",Arial,sans-serif;
    font-size:14px;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
}

body.boCommerceAccordionV5 .boCommerceAccordion *{
    box-sizing:border-box;
}

body.boCommerceAccordionV5 .boCaSummary{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:28px;
    padding:26px 0 30px;
}

body.boCommerceAccordionV5 .boCaEyebrow{
    display:block;
    margin:0 0 6px;
    color:var(--bo-ca-green);
    font-size:10px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:1.45px;
    text-transform:uppercase;
}

body.boCommerceAccordionV5 .boCaTitle{
    margin:0 0 12px;
    color:var(--bo-ca-ink);
    font-size:26px;
    line-height:1.25;
    font-weight:650;
    letter-spacing:-.7px;
}

body.boCommerceAccordionV5 .boCaLead{
    margin:0;
    max-width:760px;
    color:#51625a;
    font-size:14px;
    line-height:1.8;
    font-weight:400;
}

body.boCommerceAccordionV5 .boCaFacts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    align-self:start;
    background:var(--bo-ca-line);
    border:1px solid var(--bo-ca-line);
    border-radius:10px;
    overflow:hidden;
}

body.boCommerceAccordionV5 .boCaFact{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:76px;
    padding:16px 14px;
    background:#fff;
    text-align:center;
}

body.boCommerceAccordionV5 .boCaFactLabel{
    display:block;
    margin:0 0 5px;
    color:#232927;
    font-size:10px;
    line-height:1.4;
    font-weight:600;
    letter-spacing:.65px;
    text-transform:uppercase;
}

body.boCommerceAccordionV5 .boCaFactValue{
    display:block;
    color:#111513;
    font-size:13px;
    line-height:1.45;
    font-weight:650;
}

body.boCommerceAccordionV5 .boCaAccordion{
    border-top:1px solid var(--bo-ca-line);
    padding-top:2px;
}

body.boCommerceAccordionV5 .boCaAccordion details{
    position:relative;
    margin:0;
    border:0;
    border-bottom:1px solid var(--bo-ca-line);
    border-radius:0;
    background:#fff;
    box-shadow:none;
    overflow:visible;
    transition:border-color .36s ease,background-color .36s ease;
}

body.boCommerceAccordionV5 .boCaAccordion summary{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:62px;
    margin:0;
    padding:19px 9px 18px;
    list-style:none;
    background:#fff;
    color:var(--bo-ca-ink);
    font-size:14px;
    line-height:1.45;
    font-weight:650;
    letter-spacing:-.08px;
    cursor:pointer;
    user-select:none;
    transition:
        color .34s ease,
        padding-left .42s cubic-bezier(.16,1,.3,1),
        background-color .34s ease;
}

body.boCommerceAccordionV5 .boCaAccordion summary::-webkit-details-marker{
    display:none;
}

body.boCommerceAccordionV5 .boCaAccordion summary:hover{
    color:var(--bo-ca-ink);
    background:#fbfdfc;
}

body.boCommerceAccordionV5 .boCaChevron{
    position:relative;
    flex:0 0 17px;
    width:17px;
    height:17px;
    color:#87938d;
    transition:
        transform .58s cubic-bezier(.16,1,.3,1),
        color .34s ease;
}

body.boCommerceAccordionV5 .boCaChevron:before,
body.boCommerceAccordionV5 .boCaChevron:after{
    content:"";
    position:absolute;
    top:8px;
    width:8px;
    height:1.5px;
    border-radius:2px;
    background:currentColor;
}

body.boCommerceAccordionV5 .boCaChevron:before{
    left:1px;
    transform:rotate(42deg);
}

body.boCommerceAccordionV5 .boCaChevron:after{
    right:1px;
    transform:rotate(-42deg);
}

body.boCommerceAccordionV5 .boCaAccordion details[open] summary{
    color:var(--bo-ca-ink);
    background:#fff;
    padding:20px 9px 16px 18px;
}

body.boCommerceAccordionV5 .boCaAccordion details[open] summary:before{
    content:"";
    position:absolute;
    left:0;
    top:19px;
    width:2px;
    height:22px;
    border-radius:2px;
    background:var(--bo-ca-green);
    transform-origin:center;
    animation:boCaLineIn .52s cubic-bezier(.16,1,.3,1) both;
}

body.boCommerceAccordionV5 .boCaAccordion details[open] summary:after{
    content:"";
    position:absolute;
    left:18px;
    bottom:0;
    width:34px;
    height:1px;
    background:rgba(22,131,111,.34);
    transform-origin:left center;
    animation:boCaUnderlineIn .58s cubic-bezier(.16,1,.3,1) both;
}

body.boCommerceAccordionV5 .boCaAccordion details[open] .boCaChevron{
    transform:rotate(180deg);
    color:var(--bo-ca-green);
}

body.boCommerceAccordionV5 .boCaViewport{
    height:0;
    overflow:hidden;
    opacity:0;
    will-change:height,opacity;
    transition:
        height .58s cubic-bezier(.16,1,.3,1),
        opacity .42s ease;
}

body.boCommerceAccordionV5 .boCaAccordion details[open] .boCaViewport{
    opacity:1;
}

body.boCommerceAccordionV5 .boCaContent{
    position:relative;
    padding:17px 10px 28px 22px;
    background:#fff;
    color:var(--bo-ca-copy);
    transform:translateY(-5px);
    opacity:.72;
    transition:
        transform .52s cubic-bezier(.16,1,.3,1),
        opacity .42s ease;
}

body.boCommerceAccordionV5 .boCaAccordion details[open] .boCaContent{
    transform:translateY(0);
    opacity:1;
}

body.boCommerceAccordionV5 .boCaContent:before{
    content:"";
    position:absolute;
    left:7px;
    top:16px;
    bottom:28px;
    width:1px;
    background:#e4efea;
}

body.boCommerceAccordionV5 .boCaContent > p{
    max-width:920px;
    margin:0 0 12px;
    color:var(--bo-ca-copy);
    font-size:13px;
    line-height:1.78;
}

body.boCommerceAccordionV5 .boCaContent > p:last-child{
    margin-bottom:0;
}

body.boCommerceAccordionV5 .boCaHighlights{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 28px;
}

body.boCommerceAccordionV5 .boCaHighlight{
    position:relative;
    padding:7px 0 7px 26px;
    color:#46574f;
    font-size:13px;
    line-height:1.55;
}

body.boCommerceAccordionV5 .boCaHighlight:before{
    content:"";
    position:absolute;
    left:3px;
    top:13px;
    width:8px;
    height:4px;
    border-left:1.7px solid var(--bo-ca-green);
    border-bottom:1.7px solid var(--bo-ca-green);
    transform:rotate(-45deg);
}

body.boCommerceAccordionV5 .boCaFeatureGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 42px;
}

body.boCommerceAccordionV5 .boCaFeature{
    padding:15px 0;
    border-top:1px solid var(--bo-ca-line);
}

body.boCommerceAccordionV5 .boCaFeature:nth-child(-n+2){
    border-top:0;
    padding-top:2px;
}

body.boCommerceAccordionV5 .boCaFeature h3{
    margin:0 0 6px;
    color:var(--bo-ca-ink);
    font-size:14px;
    line-height:1.45;
    font-weight:650;
}

body.boCommerceAccordionV5 .boCaFeature p{
    margin:0;
    color:var(--bo-ca-soft);
    font-size:13px;
    line-height:1.72;
}

/* =========================================================
   V9.6 / SEVIYE AYARI + IKI FARKLI KULLANIM
   03 INCE ZAMAN CIZGISI + KAYNAK ACIKLAMA GORSELI
   ========================================================= */
body.boCommerceAccordionV5 .boCaLevelSetting,
body.boCommerceAccordionV5 .boCaTwoUsage{width:100%;margin:2px 0 0;padding:4px 0 6px;}
body.boCommerceAccordionV5 .boCaLevelSettingTitle,
body.boCommerceAccordionV5 .boCaTwoUsageTitle{margin:0;color:#111;font-size:15px;line-height:1.45;font-weight:700;}
body.boCommerceAccordionV5 .boCaTwoUsageHead{margin:0 0 18px;}
body.boCommerceAccordionV5 .boCaTwoUsageEyebrow{display:block;margin:0 0 4px;color:var(--bo-ca-green);font-size:10px;line-height:1.35;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
body.boCommerceAccordionV5 .boCaLevelVisual,
body.boCommerceAccordionV5 .boCaTwoUsageVisual{width:100%;}
body.boCommerceAccordionV5 .boCaLevelVisual.boCaHasLevelImage,
body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaHasLevelImage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:34px;align-items:center;}
body.boCommerceAccordionV5 .boCaLevelContent,
body.boCommerceAccordionV5 .boCaTwoUsageGrid{min-width:0;}
body.boCommerceAccordionV5 .boCaLevelIntro{margin:14px 0 0;color:#617068;font-size:12.5px;line-height:1.72;}
body.boCommerceAccordionV5 .boCaLevelTimeline{position:relative;margin:16px 0 0;}
body.boCommerceAccordionV5 .boCaLevelRow{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;min-height:45px;}
body.boCommerceAccordionV5 .boCaLevelRow:not(:last-child):after{content:'';position:absolute;left:13.5px;top:28px;bottom:-2px;width:1px;background:#cfe2da;}
body.boCommerceAccordionV5 .boCaLevelKey{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;border:1px solid #b8d9ce;border-radius:50%;background:#fff;color:var(--bo-ca-green);font-size:11px;line-height:1;font-weight:800;}
body.boCommerceAccordionV5 .boCaLevelCopy{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;min-width:0;padding:4px 0 13px;}
body.boCommerceAccordionV5 .boCaLevelLabel{color:#111;font-size:12.5px;line-height:1.5;font-weight:700;}
body.boCommerceAccordionV5 .boCaLevelMeta{color:#7a8781;font-size:10.5px;line-height:1.5;font-weight:400;white-space:nowrap;}
body.boCommerceAccordionV5 .boCaLevelFigure{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;margin:0;padding:4px 0;background:transparent;}
body.boCommerceAccordionV5 .boCaLevelFigure picture{display:block;max-width:100%;}
body.boCommerceAccordionV5 .boCaLevelFigure img,
body.boCommerceAccordionV5 .boCaLevelImage{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:245px!important;margin:0 auto!important;object-fit:contain!important;}
body.boCommerceAccordionV5 .boCaTwoUsageGrid{display:grid;grid-template-columns:1fr;gap:0;}
body.boCommerceAccordionV5 .boCaTwoUsageCard{width:100%;min-width:0;margin:0;padding:0 0 20px;border:0;border-bottom:1px solid var(--bo-ca-line);background:transparent;}
body.boCommerceAccordionV5 .boCaTwoUsageCard + .boCaTwoUsageCard{padding-top:18px;}
body.boCommerceAccordionV5 .boCaTwoUsageCard:last-child{padding-bottom:0;border-bottom:0;}
body.boCommerceAccordionV5 .boCaTwoUsageCardHead{display:flex;align-items:center;gap:7px;margin:0;}
body.boCommerceAccordionV5 .boCaTwoUsageNumber{display:inline;flex:0 0 auto;color:var(--bo-ca-green);font-size:13px;line-height:1.45;font-weight:800;}
body.boCommerceAccordionV5 .boCaTwoUsageCardTitle{margin:0;color:#111;font-size:13.5px;line-height:1.45;font-weight:700;}
body.boCommerceAccordionV5 .boCaTwoUsageText{margin:8px 0 0;color:#617068;font-size:12px;line-height:1.7;}
body.boCommerceAccordionV5 .boCaTwoUsageChips,
body.boCommerceAccordionV5 .boCaTwoUsageChip,
body.boCommerceAccordionV5 .boCaTwoUsageLevels,
body.boCommerceAccordionV5 .boCaTwoUsagePositions,
body.boCommerceAccordionV5 .boCaTwoUsagePosition,
body.boCommerceAccordionV5 .boCaTwoUsagePositionKey,
body.boCommerceAccordionV5 .boCaTwoUsagePositionText{display:none!important;}
body.boCommerceAccordionV5 .boCaTwoUsageNote{margin:18px 0 0;padding:14px 0 0;border:0;border-top:1px solid var(--bo-ca-line);background:transparent;}
body.boCommerceAccordionV5 .boCaTwoUsageNote p{margin:0 0 7px;color:#69776f;font-size:12px;line-height:1.68;}
body.boCommerceAccordionV5 .boCaTwoUsageNote p:last-child{margin-bottom:0;}

/* Bundle urunler: ayni aciklamada iki veya daha fazla alt urun varsa
   her urun kendi basligi ve kendi 2 kolonlu ozellik alaniyla ayrilir. */
body.boCommerceAccordionV5 .boCaBundleProducts{
    display:grid;
    gap:30px;
    width:100%;
}

body.boCommerceAccordionV5 .boCaFeatureGrid + .boCaBundleProducts{
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid var(--bo-ca-line);
}

body.boCommerceAccordionV5 .boCaBundleProduct{
    position:relative;
    padding:0 0 4px;
}

body.boCommerceAccordionV5 .boCaBundleProduct + .boCaBundleProduct{
    padding-top:24px;
    border-top:1px solid #dce7e2;
}

body.boCommerceAccordionV5 .boCaBundleProductTitle{
    position:relative;
    margin:0 0 10px;
    padding:0 0 10px 14px;
    color:var(--bo-ca-ink);
    font-size:15px;
    line-height:1.5;
    font-weight:700;
    letter-spacing:-.12px;
}

body.boCommerceAccordionV5 .boCaBundleProductTitle:before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    bottom:12px;
    width:2px;
    border-radius:2px;
    background:var(--bo-ca-green);
}

body.boCommerceAccordionV5 .boCaBundleFeatureGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 42px;
}

body.boCommerceAccordionV5 .boCaBundleFeature{
    position:relative;
    min-height:52px;
    padding:13px 0 13px 20px;
    border-top:1px solid var(--bo-ca-line);
    color:var(--bo-ca-soft);
    font-size:13px;
    line-height:1.68;
}

body.boCommerceAccordionV5 .boCaBundleFeature:nth-child(-n+2){
    border-top:0;
}

body.boCommerceAccordionV5 .boCaBundleFeature:before{
    content:"";
    position:absolute;
    left:2px;
    top:21px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:rgba(22,131,111,.78);
}

body.boCommerceAccordionV5 .boCaBundleFeatureLabel{
    display:block;
    margin:0 0 3px;
    color:#273b32;
    font-size:12px;
    line-height:1.45;
    font-weight:650;
}

body.boCommerceAccordionV5 .boCaBundleFeatureText{
    display:block;
    color:var(--bo-ca-soft);
    font-size:13px;
    line-height:1.68;
    font-weight:400;
}

body.boCommerceAccordionV5 .boCaTechGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 34px;
}

body.boCommerceAccordionV5 .boCaTech{
    display:grid;
    grid-template-columns:145px minmax(0,1fr);
    gap:15px;
    align-items:start;
    padding:12px 0;
    border-bottom:1px solid var(--bo-ca-line);
}

body.boCommerceAccordionV5 .boCaTechLabel{
    color:#89958f;
    font-size:10px;
    line-height:1.5;
    font-weight:600;
    letter-spacing:.55px;
    text-transform:uppercase;
}

body.boCommerceAccordionV5 .boCaTechValue{
    color:#36463f;
    font-size:13px;
    line-height:1.65;
    font-weight:500;
}

body.boCommerceAccordionV5 .boCaSafety{
    padding:18px 20px;
    background:#f8faf9;
    border:1px solid #edf2ef;
    border-radius:8px;
}

body.boCommerceAccordionV5 .boCaSafety p{
    margin:0;
    color:#5f6e66;
    font-size:13px;
    line-height:1.76;
}

body.boCommerceAccordionV5 .boCaMedia{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px 34px;
    margin-top:17px;
    padding-top:17px;
    border-top:1px solid #e7ece9;
}

body.boCommerceAccordionV5 .boCaMediaItem{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-width:230px;
    max-width:360px;
    min-height:0;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    overflow:visible;
}

body.boCommerceAccordionV5 .boCaMediaLogo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:72px;
    min-height:48px;
}

body.boCommerceAccordionV5 .boCaMediaLogo img,
body.boCommerceAccordionV5 .boCaMediaLogo picture{
    display:block;
    width:auto!important;
    height:auto!important;
    max-width:72px!important;
    max-height:50px!important;
    margin:0 auto!important;
    object-fit:contain!important;
}

body.boCommerceAccordionV5 .boCaMediaText{
    min-width:0;
}

body.boCommerceAccordionV5 .boCaMediaTitle{
    display:block;
    margin:0 0 2px;
    color:#4f6058;
    font-size:12px;
    line-height:1.45;
    font-weight:500;
}

body.boCommerceAccordionV5 .boCaMediaCopy{
    display:block;
    color:#718078;
    font-size:11px;
    line-height:1.5;
    font-weight:400;
}

/* Basliksiz / eski urun aciklamalari icin global fallback. */
body.boCommerceAccordionV5 .boCaRawContent{
    display:grid;
    gap:10px;
    width:100%;
}

body.boCommerceAccordionV5 .boCaRawLine{
    margin:0;
    color:var(--bo-ca-copy);
    font-size:13px;
    line-height:1.75;
}

body.boCommerceAccordionV5 .boCaRawLine + .boCaRawLine{
    padding-top:2px;
}

@keyframes boCaLineIn{
    from{opacity:0;transform:scaleY(.35)}
    to{opacity:1;transform:scaleY(1)}
}

@keyframes boCaUnderlineIn{
    from{opacity:0;transform:scaleX(.25)}
    to{opacity:1;transform:scaleX(1)}
}

/* ---------------------------------------------------------
   C. GLOBAL / GALERI MOTION + ANA OKLAR
   --------------------------------------------------------- */
body.boProductGalleryMotionV2 #divProductImageCarousel,
body.boProductGalleryMotionV2 #divMobileImageList,
body.boProductGalleryMotionV2 .mobileImageSlider,
body.boProductGalleryMotionV2 .leftImage .Images{
    position:relative!important;
}

body.boProductGalleryMotionV2 #divProductImageCarousel .owl-stage,
body.boProductGalleryMotionV2 #divMobileImageList .owl-stage,
body.boProductGalleryMotionV2 .mobileImageSlider .owl-stage,
body.boProductGalleryMotionV2 .leftImage .Images .owl-stage{
    transition-duration:.52s!important;
    transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
}

body.boProductGalleryMotionV2 #divProductImageCarousel .owl-item img,
body.boProductGalleryMotionV2 #divMobileImageList .owl-item img,
body.boProductGalleryMotionV2 .mobileImageSlider .owl-item img,
body.boProductGalleryMotionV2 .leftImage .Images .owl-item img{
    transition:opacity .36s ease,transform .52s cubic-bezier(.22,.61,.36,1)!important;
}

body.boProductGalleryMotionV2 .boGalleryMainNav{
    position:absolute;
    top:50%;
    z-index:12;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin:0;
    padding:0;
    border:1px solid rgba(34,55,47,.13);
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#263a32;
    box-shadow:0 7px 22px rgba(25,57,45,.10);
    transform:translateY(-50%);
    opacity:.88;
    cursor:pointer;
    transition:
        opacity .22s ease,
        transform .28s cubic-bezier(.22,.61,.36,1),
        border-color .22s ease,
        color .22s ease,
        background-color .22s ease;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

body.boProductGalleryMotionV2 .boGalleryMainPrev{left:14px;}
body.boProductGalleryMotionV2 .boGalleryMainNext{right:14px;}

body.boProductGalleryMotionV2 .boGalleryMainNav:hover{
    opacity:1;
    color:#16836f;
    border-color:rgba(22,131,111,.32);
    background:#fff;
    transform:translateY(-50%) scale(1.04);
}

body.boProductGalleryMotionV2 .boGalleryMainNav:disabled{
    opacity:.28;
    cursor:default;
    transform:translateY(-50%);
}

body.boProductGalleryMotionV2 .boGalleryMainNav:before,
body.boProductGalleryMotionV2 .boGalleryMainNav:after{
    content:"";
    position:absolute;
    width:9px;
    height:1.6px;
    border-radius:2px;
    background:currentColor;
}

body.boProductGalleryMotionV2 .boGalleryMainPrev:before{transform:translateY(-3px) rotate(-42deg);}
body.boProductGalleryMotionV2 .boGalleryMainPrev:after{transform:translateY(3px) rotate(42deg);}
body.boProductGalleryMotionV2 .boGalleryMainNext:before{transform:translateY(-3px) rotate(42deg);}
body.boProductGalleryMotionV2 .boGalleryMainNext:after{transform:translateY(3px) rotate(-42deg);}

/* Platformun varsa kendi ana nav'i yerine tek bir sade nav kullan. */
body.boProductGalleryMotionV2 #divProductImageCarousel > .owl-nav,
body.boProductGalleryMotionV2 #divMobileImageList > .owl-nav,
body.boProductGalleryMotionV2 .leftImage .Images > .owl-nav{
    display:none!important;
}

/* ---------------------------------------------------------
   D. GLOBAL / THUMBNAIL OKLARI - SCROLLBAR YOK
   --------------------------------------------------------- */
@media (min-width:768px){
    body.boProductGalleryMotionV2 #divProductGalleryThumb.boThumbCarouselV1{
        position:relative!important;
        padding:0 42px!important;
        overflow:visible!important;
    }

    body.boProductGalleryMotionV2 #divProductGalleryThumb.boThumbCarouselV1 .thumb-list{
        display:flex!important;
        gap:10px!important;
        width:100%!important;
        margin:0!important;
        padding:4px 0 9px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-behavior:smooth!important;
        scrollbar-width:none!important;
        -ms-overflow-style:none!important;
        overscroll-behavior-inline:contain;
    }

    body.boProductGalleryMotionV2 #divProductGalleryThumb.boThumbCarouselV1 .thumb-list::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }

    body.boProductGalleryMotionV2 #divProductGalleryThumb.boThumbCarouselV1 .thumb-item{
        flex:0 0 calc((100% - 40px) / 5)!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        aspect-ratio:1 / 1;
        margin:0!important;
    }

    body.boProductGalleryMotionV2 .boThumbNav{
        position:absolute;
        top:50%;
        z-index:13;
        display:flex;
        align-items:center;
        justify-content:center;
        width:30px;
        height:38px;
        margin:-3px 0 0;
        padding:0;
        border:0;
        background:transparent;
        color:#53645d;
        transform:translateY(-50%);
        cursor:pointer;
        transition:color .2s ease,opacity .2s ease,transform .24s ease;
    }

    body.boProductGalleryMotionV2 .boThumbPrev{left:5px;}
    body.boProductGalleryMotionV2 .boThumbNext{right:5px;}

    body.boProductGalleryMotionV2 .boThumbNav:hover{
        color:#16836f;
        transform:translateY(-50%) scale(1.08);
    }

    body.boProductGalleryMotionV2 .boThumbNav:disabled{
        opacity:.22;
        cursor:default;
        transform:translateY(-50%);
    }

    body.boProductGalleryMotionV2 .boThumbNav:before,
    body.boProductGalleryMotionV2 .boThumbNav:after{
        content:"";
        position:absolute;
        width:8px;
        height:1.5px;
        border-radius:2px;
        background:currentColor;
    }

    body.boProductGalleryMotionV2 .boThumbPrev:before{transform:translateY(-2.7px) rotate(-42deg);}
    body.boProductGalleryMotionV2 .boThumbPrev:after{transform:translateY(2.7px) rotate(42deg);}
    body.boProductGalleryMotionV2 .boThumbNext:before{transform:translateY(-2.7px) rotate(42deg);}
    body.boProductGalleryMotionV2 .boThumbNext:after{transform:translateY(2.7px) rotate(-42deg);}
}

@media screen and (min-width:768px) and (max-width:1041px){
    body.boProductGalleryMotionV2 #divProductGalleryThumb.boThumbCarouselV1 .thumb-item{
        flex-basis:calc((100% - 30px) / 4)!important;
    }
}

@media (max-width:767px){
    body.boCommerceAccordionV5 .boCaSummary{
        grid-template-columns:1fr;
        gap:20px;
        padding:20px 0 24px;
    }

    body.boCommerceAccordionV5 .boCaTitle{
        font-size:22px;
    }

    body.boCommerceAccordionV5 .boCaFacts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    body.boCommerceAccordionV5 .boCaAccordion summary{
        min-height:56px;
        padding:17px 6px 16px;
    }

    body.boCommerceAccordionV5 .boCaAccordion details[open] summary{
        padding:18px 6px 14px 15px;
    }

    body.boCommerceAccordionV5 .boCaAccordion details[open] summary:before{
        top:17px;
        height:20px;
    }

    body.boCommerceAccordionV5 .boCaAccordion details[open] summary:after{
        left:15px;
        width:30px;
    }

    body.boCommerceAccordionV5 .boCaContent{
        padding:15px 5px 24px 18px;
    }

    body.boCommerceAccordionV5 .boCaContent:before{
        left:5px;
        top:14px;
        bottom:24px;
    }

    body.boCommerceAccordionV5 .boCaHighlights,
    body.boCommerceAccordionV5 .boCaFeatureGrid,
    body.boCommerceAccordionV5 .boCaBundleFeatureGrid,
    body.boCommerceAccordionV5 .boCaTechGrid{
        grid-template-columns:1fr;
    }

    body.boCommerceAccordionV5 .boCaBundleProduct + .boCaBundleProduct{
        padding-top:20px;
    }

    body.boCommerceAccordionV5 .boCaBundleFeature:nth-child(2){
        border-top:1px solid var(--bo-ca-line);
    }

    body.boCommerceAccordionV5 .boCaMedia{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:16px;
    }

    body.boCommerceAccordionV5 .boCaMediaItem{
        width:100%;
        max-width:none;
        grid-template-columns:64px minmax(0,1fr);
    }

    body.boCommerceAccordionV5 .boCaMediaLogo{
        width:64px;
    }

    body.boCommerceAccordionV5 .boCaMediaLogo img,
    body.boCommerceAccordionV5 .boCaMediaLogo picture{
        max-width:64px!important;
        max-height:46px!important;
    }

    body.boCommerceAccordionV5 .boCaFeature:nth-child(2){
        border-top:1px solid var(--bo-ca-line);
        padding-top:15px;
    }

    body.boCommerceAccordionV5 .boCaLevelSetting,
    body.boCommerceAccordionV5 .boCaTwoUsage{margin-top:4px;padding-top:10px;}
    body.boCommerceAccordionV5 .boCaLevelVisual.boCaHasLevelImage,
    body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaHasLevelImage{display:flex;flex-direction:column;align-items:stretch;gap:14px;}
    body.boCommerceAccordionV5 .boCaLevelFigure{order:-1;width:100%;max-width:330px;margin:0 auto 2px;padding:0;}
    body.boCommerceAccordionV5 .boCaLevelFigure img,
    body.boCommerceAccordionV5 .boCaLevelImage{max-height:220px!important;}
    body.boCommerceAccordionV5 .boCaLevelIntro{margin-top:8px;font-size:12px;line-height:1.68;}
    body.boCommerceAccordionV5 .boCaLevelTimeline{margin-top:13px;}
    body.boCommerceAccordionV5 .boCaLevelRow{grid-template-columns:30px minmax(0,1fr);min-height:43px;}
    body.boCommerceAccordionV5 .boCaLevelRow:not(:last-child):after{left:12.5px;top:27px;}
    body.boCommerceAccordionV5 .boCaLevelKey{width:27px;height:27px;font-size:10.5px;}
    body.boCommerceAccordionV5 .boCaLevelCopy{padding-top:4px;padding-bottom:12px;}
    body.boCommerceAccordionV5 .boCaLevelLabel{font-size:12px;}
    body.boCommerceAccordionV5 .boCaLevelMeta{font-size:10px;}
    body.boCommerceAccordionV5 .boCaTwoUsageHead{margin-bottom:13px;}
    body.boCommerceAccordionV5 .boCaTwoUsageCard{padding-bottom:16px;}
    body.boCommerceAccordionV5 .boCaTwoUsageCard + .boCaTwoUsageCard{padding-top:15px;}
    body.boCommerceAccordionV5 .boCaTwoUsageText{font-size:11.75px;line-height:1.68;}
    body.boCommerceAccordionV5 .boCaTwoUsageNote{margin-top:12px;padding-top:12px;}

    body.boCommerceAccordionV5 .boCaTech{
        grid-template-columns:120px minmax(0,1fr);
    }

    body.boProductGalleryMotionV2 .boGalleryMainNav{
        width:38px;
        height:38px;
    }

    body.boProductGalleryMotionV2 .boGalleryMainPrev{left:8px;}
    body.boProductGalleryMotionV2 .boGalleryMainNext{right:8px;}
}

@media (prefers-reduced-motion:reduce){
    body.boCommerceAccordionV5 .boCaViewport,
    body.boCommerceAccordionV5 .boCaContent,
    body.boCommerceAccordionV5 .boCaAccordion summary,
    body.boCommerceAccordionV5 .boCaChevron,
    body.boProductGalleryMotionV2 #divProductImageCarousel .owl-stage,
    body.boProductGalleryMotionV2 #divMobileImageList .owl-stage,
    body.boProductGalleryMotionV2 .mobileImageSlider .owl-stage,
    body.boProductGalleryMotionV2 .leftImage .Images .owl-stage,
    body.boProductGalleryMotionV2 .boGalleryMainNav,
    body.boProductGalleryMotionV2 .boThumbNav{
        transition:none!important;
        animation:none!important;
    }
}


/* =========================================================
   URUN REHBERI SEKME VURGU RENGI V7
   Kanguru Rehberi + Ana Kucagi Rehberi
   Referans ton: RGB(243,240,233) / #F3F0E9
   Rehber sekmesi pasifken krem; aktifken mevcut yesil tasarim korunur.
   ========================================================= */
@media screen and (min-width:1042px){
    body.ProductBody .urunOzellik .urunTab > ul > li.boProductGuideTab:not(.active) > a,
    body.ProductBody .urunOzellikTab .urunTab > ul > li.boProductGuideTab:not(.active) > a,
    body.ProductBody .urunTab > ul > li.boProductGuideTab:not(.active) > a{
        color:#4f4b43!important;
        background:#f3f0e9!important;
    }

    body.ProductBody .urunOzellik .urunTab > ul > li.boProductGuideTab:not(.active) > a:hover,
    body.ProductBody .urunOzellikTab .urunTab > ul > li.boProductGuideTab:not(.active) > a:hover,
    body.ProductBody .urunTab > ul > li.boProductGuideTab:not(.active) > a:hover{
        color:#3f3b34!important;
        background:#ebe6da!important;
    }
}

@media screen and (max-width:1041px){
    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTab:not(.active) > a{
        color:#4f4b43!important;
        background:#f3f0e9!important;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTab:not(.active) > a:hover{
        color:#3f3b34!important;
        background:#ebe6da!important;
    }
}

/* =========================================================
   BEBEGIM OLACAK - MOBILE COMMERCE UX V9.1
   2026-09-28

   DUZELTMELER:
   - Header tam genislik: eski float/width:auto kaynakli sol ust kutu sorunu giderildi.
   - Menu artik soldan drawer degil, alt bardan yukari acilan bottom-sheet.
   - Alt kategoriler de sheet icinde panel olarak acilir; soldan site disindan gelmez.
   - Urun detayinda genel alt nav yerine Menu + Fiyat + Sepete Ekle + Sepet bari.
   - Mobil fiyat alani sade ve daha okunakli hale getirildi.
   - Kanguru / Ana Kucagi Rehberi mobil accordion gorunurlugu korunur.
   ========================================================= */
@media screen and (max-width:767px) {
    :root{
        --bo-mobile-nav-h:66px;
        --bo-mobile-safe-bottom:env(safe-area-inset-bottom, 0px);
        --bo-mobile-shell-green:#1a9d85;
        --bo-mobile-shell-green-dark:#117763;
        --bo-mobile-shell-dark:#20372f;
        --bo-mobile-shell-soft:#f5f8f6;
        --bo-mobile-shell-border:#e1e8e4;
        --bo-mobile-sheet-h:min(72vh, 620px);
    }

    html{
        scroll-padding-bottom:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom) + 14px);
    }

    body:not(.sepetimBody){
        padding-bottom:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom) + 10px)!important;
    }

    body.ProductBody:not(.sepetimBody){
        padding-bottom:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom) + 14px)!important;
    }

    /* ---------------- HEADER / LOGO / ARAMA ---------------- */
    #header,
    #header.homeHeader{
        position:sticky!important;
        top:0!important;
        left:auto!important;
        right:auto!important;
        z-index:990!important;
        float:none!important;
        clear:both!important;
        display:block!important;
        width:calc(100% + 20px)!important;
        max-width:none!important;
        height:auto!important;
        margin:0 -10px 12px!important;
        padding:0 12px 12px!important;
        box-sizing:border-box!important;
        background:#fff!important;
        border:0!important;
        border-bottom:1px solid #edf1ef!important;
        box-shadow:0 8px 24px rgba(24,61,52,.07)!important;
    }

    #header .headerContent{
        float:none!important;
        clear:both!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        max-width:none!important;
        min-height:58px!important;
        margin:0!important;
        padding:0!important;
        text-align:center!important;
    }

    #logo{
        float:none!important;
        position:static!important;
        display:block!important;
        width:auto!important;
        min-height:0!important;
        margin:0 auto!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }

    #logo .logo{
        float:none!important;
        display:block!important;
        width:132px!important;
        max-width:42vw!important;
        margin:0 auto!important;
        padding:11px 0 9px!important;
        text-align:center!important;
    }

    #logo .logo img{
        display:block!important;
        width:auto!important;
        max-width:100%!important;
        height:auto!important;
        margin:0 auto!important;
    }

    /* Ustteki eski mobil aksiyonlar artik alt navigasyonda. */
    .mobilMenuAcButton,
    .welcomeOpen,
    .mycartClick,
    #header #instaStories{
        display:none!important;
    }

    /* Ticimax sepet verisi DOM'da kalsin; eski ust sepet tetikleyicisi gorunmesin. */
    .mycart{
        top:0!important;
        right:0!important;
        width:0!important;
        height:0!important;
        margin:0!important;
        overflow:visible!important;
    }

    .mycart > a{
        display:none!important;
    }

    .searchContent,
    .homeHeader .searchContent{
        float:none!important;
        clear:both!important;
        display:block!important;
        position:relative!important;
        width:100%!important;
        max-width:none!important;
        height:46px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        border:0!important;
        background:transparent!important;
    }

    .search{
        float:none!important;
        display:block!important;
        width:100%!important;
        max-width:none!important;
        height:46px!important;
        margin:0!important;
        padding:0!important;
    }

    #txtbxArama{
        float:none!important;
        display:block!important;
        width:100%!important;
        height:46px!important;
        margin:0!important;
        padding:0 50px 0 15px!important;
        color:#263a32!important;
        font-size:13px!important;
        background:#f6f8f7!important;
        border:1px solid #dce5e0!important;
        border-radius:11px!important;
        box-shadow:none!important;
        appearance:none!important;
        transition:border-color .16s ease, box-shadow .16s ease, background .16s ease!important;
    }

    #txtbxArama:focus{
        color:#1e3129!important;
        background:#fff!important;
        border-color:#9fcbbb!important;
        box-shadow:0 0 0 3px rgba(26,157,133,.08)!important;
        outline:none!important;
    }

    #txtbxArama::placeholder{
        color:#89978f!important;
        opacity:1!important;
    }

    #btnKelimeAra{
        top:5px!important;
        right:5px!important;
        left:auto!important;
        width:36px!important;
        height:36px!important;
        padding:0!important;
        color:#fff!important;
        font-family:'FontAwesomePro',sans-serif!important;
        font-size:15px!important;
        line-height:36px!important;
        text-align:center!important;
        background:var(--bo-mobile-shell-green)!important;
        border:0!important;
        border-radius:8px!important;
    }

    .searchContent > ul,
    .searchContent .searchresult{
        z-index:10060!important;
        margin-top:7px!important;
        background:#fff!important;
        border:1px solid var(--bo-mobile-shell-border)!important;
        border-radius:12px!important;
        box-shadow:0 16px 36px rgba(20,57,46,.14)!important;
    }

    /* ---------------- GENEL ALT NAV ---------------- */
    .bottomHead.boMobileBottomNav{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:10030!important;
        width:100%!important;
        min-height:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom))!important;
        padding:0 4px var(--bo-mobile-safe-bottom)!important;
        background:rgba(255,255,255,.98)!important;
        border-top:1px solid #dfe6e2!important;
        box-shadow:0 -8px 24px rgba(27,62,51,.08)!important;
        -webkit-backdrop-filter:blur(12px);
        backdrop-filter:blur(12px);
    }

    .bottomHead.boMobileBottomNav ul{
        display:flex!important;
        align-items:stretch!important;
        justify-content:space-between!important;
        width:100%!important;
        min-height:var(--bo-mobile-nav-h)!important;
        margin:0!important;
        padding:0!important;
    }

    .bottomHead.boMobileBottomNav ul li{
        float:none!important;
        display:block!important;
        flex:1 1 20%!important;
        width:20%!important;
        min-width:0!important;
    }

    .bottomHead.boMobileBottomNav ul li a{
        float:none!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        width:100%!important;
        min-height:var(--bo-mobile-nav-h)!important;
        padding:5px 2px 4px!important;
        color:#66746d!important;
        font-size:10px!important;
        font-weight:500!important;
        line-height:1.05!important;
        text-align:center!important;
        border-radius:10px!important;
        transition:color .15s ease, background .15s ease, transform .15s ease!important;
        -webkit-tap-highlight-color:transparent;
    }

    .bottomHead.boMobileBottomNav ul li a i{
        display:block!important;
        margin:0!important;
        color:inherit!important;
        font-size:20px!important;
        line-height:22px!important;
        font-weight:300!important;
    }

    .bottomHead.boMobileBottomNav ul li a span:not(.boBottomIconWrap){
        display:block!important;
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .bottomHead.boMobileBottomNav ul li.active a{
        color:#0f7d68!important;
        background:#f0f8f5!important;
    }

    .bottomHead.boMobileBottomNav ul li a:active{
        transform:scale(.96)!important;
    }

    .boBottomIconWrap{
        position:relative!important;
        display:block!important;
        height:22px!important;
    }

    .boBottomCartCount,
    .boProductCartCount{
        position:absolute!important;
        top:-6px!important;
        right:-11px!important;
        display:none!important;
        min-width:16px!important;
        height:16px!important;
        padding:0 4px!important;
        box-sizing:content-box!important;
        color:#fff!important;
        font-family:'Montserrat',sans-serif!important;
        font-size:9px!important;
        font-style:normal!important;
        font-weight:700!important;
        line-height:16px!important;
        text-align:center!important;
        background:#f1931f!important;
        border:2px solid #fff!important;
        border-radius:999px!important;
    }

    .boBottomCartCount.is-visible,
    .boProductCartCount.is-visible{
        display:block!important;
    }

    /* ---------------- ALT SAYFA MENU / BOTTOM SHEET ---------------- */
    .mobilMenu.boMobileMenuV9,
    .mobilMenu{
        display:none!important;
    }

    .boMobileSheetOverlay{
        position:fixed!important;
        inset:0 0 calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom)) 0!important;
        z-index:10010!important;
        display:block!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        background:rgba(20,38,32,.40)!important;
        -webkit-backdrop-filter:blur(2px);
        backdrop-filter:blur(2px);
        transition:opacity .2s ease, visibility .2s ease!important;
    }

    .boMobileSheetOverlay.is-open{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    .boMobileMenuSheet{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom))!important;
        z-index:10020!important;
        display:block!important;
        width:100%!important;
        height:72vh!important;
        max-height:620px!important;
        min-height:390px!important;
        overflow:hidden!important;
        background:#fff!important;
        border-radius:22px 22px 0 0!important;
        box-shadow:0 -18px 48px rgba(18,47,38,.22)!important;
        transform:translateY(calc(100% + 28px))!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transition:transform .26s cubic-bezier(.2,.8,.2,1), visibility .26s ease!important;
    }

    .boMobileMenuSheet.is-open{
        transform:translateY(0)!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    .boMobileSheetHandle{
        position:absolute!important;
        z-index:3!important;
        top:7px!important;
        left:50%!important;
        width:44px!important;
        height:4px!important;
        margin-left:-22px!important;
        background:#d8ddda!important;
        border-radius:999px!important;
    }

    .boMobileSheetHead{
        position:absolute!important;
        z-index:2!important;
        top:0!important;
        left:0!important;
        right:0!important;
        display:flex!important;
        align-items:center!important;
        gap:9px!important;
        height:64px!important;
        padding:13px 12px 0!important;
        background:#fff!important;
        border-bottom:1px solid var(--bo-mobile-shell-border)!important;
    }

    .boMobileSheetTitle{
        flex:1 1 auto!important;
        min-width:0!important;
        text-align:left!important;
    }

    .boMobileSheetTitle strong{
        display:block!important;
        color:#22372e!important;
        font-size:16px!important;
        font-weight:650!important;
        line-height:20px!important;
    }

    .boMobileSheetTitle span{
        display:block!important;
        margin-top:1px!important;
        overflow:hidden!important;
        color:#87948d!important;
        font-size:10px!important;
        line-height:13px!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .boMobileSheetBack,
    .boMobileSheetClose{
        flex:0 0 38px!important;
        display:grid!important;
        place-items:center!important;
        width:38px!important;
        height:38px!important;
        padding:0!important;
        color:#52645b!important;
        background:#f5f8f6!important;
        border:0!important;
        border-radius:50%!important;
        font-size:17px!important;
    }

    .boMobileSheetBack[hidden]{
        display:none!important;
    }

    .boMobileSheetContent{
        position:absolute!important;
        top:64px!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        overflow:hidden!important;
        background:#fff!important;
    }

    .boMobileSheetSearch{
        position:absolute!important;
        z-index:2!important;
        top:10px!important;
        left:12px!important;
        right:12px!important;
        display:flex!important;
        align-items:center!important;
        gap:9px!important;
        width:calc(100% - 24px)!important;
        height:42px!important;
        padding:0 13px!important;
        color:#77867e!important;
        background:#f3f5f4!important;
        border:0!important;
        border-radius:10px!important;
        font-family:'Montserrat',sans-serif!important;
        font-size:11px!important;
        text-align:left!important;
    }

    .boMobileSheetPanels{
        position:absolute!important;
        top:62px!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        overflow:hidden!important;
    }

    .boMobileSheetPanel{
        position:absolute!important;
        inset:0!important;
        display:block!important;
        padding:0 14px 18px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        opacity:0!important;
        visibility:hidden!important;
        transform:translateX(22px)!important;
        pointer-events:none!important;
        -webkit-overflow-scrolling:touch!important;
        transition:opacity .16s ease, transform .18s ease, visibility .18s ease!important;
    }

    .boMobileSheetPanel.is-active{
        opacity:1!important;
        visibility:visible!important;
        transform:translateX(0)!important;
        pointer-events:auto!important;
    }

    .boMobileSheetAllLink,
    .boMobileSheetRow{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        width:100%!important;
        min-height:47px!important;
        margin:0!important;
        padding:0 2px!important;
        color:#293d34!important;
        background:#fff!important;
        border:0!important;
        border-bottom:1px solid #edf1ef!important;
        border-radius:0!important;
        font-family:'Montserrat',sans-serif!important;
        font-size:12.5px!important;
        font-weight:550!important;
        line-height:18px!important;
        text-align:left!important;
    }

    button.boMobileSheetRow{
        appearance:none!important;
    }

    .boMobileSheetRow i,
    .boMobileSheetAllLink i{
        flex:0 0 auto!important;
        color:#91a098!important;
        font-size:14px!important;
    }

    .boMobileSheetAllLink{
        min-height:43px!important;
        margin:0 0 4px!important;
        padding:0 10px!important;
        color:#0f7d68!important;
        background:#f1f8f5!important;
        border-bottom:0!important;
        border-radius:9px!important;
        font-size:11px!important;
        font-weight:700!important;
    }

    .boMobileSheetPanel[data-bo-root="1"] .boMobileSheetAllLink{
        display:none!important;
    }

    /* ---------------- MINI SEPET ---------------- */
    .CartProduct{
        top:0!important;
        bottom:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom))!important;
        right:-100%!important;
        width:100%!important;
        height:auto!important;
        padding:0 14px 16px!important;
        z-index:10025!important;
        background:#fff!important;
        background-image:none!important;
        border-radius:0!important;
        box-shadow:-16px 0 42px rgba(20,52,42,.15)!important;
    }

    .CartProduct.animated{
        right:0!important;
    }

    .SepetUst{
        width:calc(100% + 28px)!important;
        height:58px!important;
        margin:0 -14px 12px!important;
        color:#264239!important;
        line-height:58px!important;
        background:#f5f8f6!important;
        border-bottom:1px solid var(--bo-mobile-shell-border)!important;
    }

    .SepetUst .seClose{
        width:48px!important;
        color:#50635a!important;
    }

    .SepetUst .seClose i{
        line-height:58px!important;
    }

    /* ---------------- URUN DETAY / FIYAT ---------------- */
    .ProductBody #pnlFiyatlar{
        float:none!important;
        clear:both!important;
        display:flex!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        gap:5px 8px!important;
        width:100%!important;
        margin:10px 0 0!important;
        padding:0 0 11px!important;
        overflow:visible!important;
        border-top:0!important;
        border-bottom:1px solid #e9eeeb!important;
    }

    .ProductBody #pnlFiyatlar .PiyasafiyatiContent,
    .ProductBody #pnlFiyatlar #divIndirimsizFiyat,
    .ProductBody #pnlFiyatlar .IndirimliFiyatContent,
    .ProductBody #pnlFiyatlar #divTurkLirasiFiyat{
        float:none!important;
        width:auto!important;
        margin:0!important;
        padding:0!important;
    }

    .ProductBody #pnlFiyatlar.boHasDiscount .PiyasafiyatiContent,
    .ProductBody #pnlFiyatlar.boHasDiscount #divIndirimsizFiyat{
        flex-basis:100%!important;
    }

    .ProductBody #pnlFiyatlar.boHasDiscount .PiyasafiyatiContent .right_line *,
    .ProductBody #pnlFiyatlar.boHasDiscount #divIndirimsizFiyat .right_line *{
        color:#8a938e!important;
        font-size:12px!important;
        line-height:17px!important;
        font-weight:450!important;
        text-decoration:line-through!important;
    }

    .ProductBody .IndirimliFiyatContent .right_line *,
    .ProductBody #divTurkLirasiFiyat .right_line *,
    .ProductBody #pnlFiyatlar.boNoDiscount .PiyasafiyatiContent .right_line *,
    .ProductBody #pnlFiyatlar.boNoDiscount #divIndirimsizFiyat .right_line *{
        color:#202d27!important;
        font-size:25px!important;
        line-height:30px!important;
        font-weight:800!important;
        letter-spacing:-.35px!important;
        text-decoration:none!important;
    }

    .ProductBody #pnlFiyatlar > #divIndirimOrani{
        float:none!important;
        display:inline-flex!important;
        align-items:center!important;
        width:auto!important;
        margin:0!important;
        padding:0!important;
        vertical-align:middle!important;
    }

    .ProductBody #pnlFiyatlar.boNoDiscount > #divIndirimOrani{
        display:none!important;
    }

    .ProductBody #pnlFiyatlar > #divIndirimOrani .indirimliOrani{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        height:27px!important;
        padding:0 9px!important;
        color:#8a5717!important;
        font-size:10px!important;
        line-height:27px!important;
        background:#fff4e5!important;
        border:1px solid #f2d19f!important;
        border-radius:999px!important;
    }

    .ProductBody #pnlFiyatlar > #divIndirimOrani .indirimliOrani *{
        color:inherit!important;
        font-size:10px!important;
        line-height:25px!important;
        font-weight:700!important;
    }

    .ProductBody .boMobilePriceMeta{
        float:none!important;
        clear:both!important;
        flex:0 0 100%!important;
        display:block!important;
        width:100%!important;
        margin:1px 0 0!important;
        padding:0!important;
    }

    .ProductBody .boMobilePriceMeta #divTaksitAciklama{
        float:none!important;
        clear:both!important;
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        color:#747f79!important;
        font-size:10.5px!important;
        line-height:16px!important;
    }

    .ProductBody .boMobilePriceMeta #divTaksitAciklama *,
    .ProductBody #pnlFiyatlar #divTaksitAciklama *{
        color:#747f79!important;
        font-size:10.5px!important;
        line-height:16px!important;
        font-weight:400!important;
    }

    .ProductBody .boSaving{
        float:none!important;
        clear:both!important;
        flex:0 0 100%!important;
        width:100%!important;
        margin:1px 0 0!important;
        color:#5b6e65!important;
        font-size:10.5px!important;
        line-height:16px!important;
    }

    .ProductBody .boSaving strong{
        color:#0f7d68!important;
        font-size:10.5px!important;
    }

    /* Urun detayinda genel 5'li nav yerine satisa odakli bar. */
    body.ProductBody .bottomHead.boMobileBottomNav{
        display:none!important;
    }

    .boProductBuyBar{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:10030!important;
        display:flex!important;
        align-items:center!important;
        gap:8px!important;
        width:100%!important;
        min-height:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom))!important;
        padding:8px 9px calc(8px + var(--bo-mobile-safe-bottom))!important;
        background:rgba(255,255,255,.985)!important;
        border-top:1px solid #dfe6e2!important;
        box-shadow:0 -9px 26px rgba(25,54,44,.10)!important;
        -webkit-backdrop-filter:blur(12px);
        backdrop-filter:blur(12px);
    }

    .boProductMenuBtn,
    .boProductCartBtn{
        position:relative!important;
        flex:0 0 43px!important;
        display:grid!important;
        place-items:center!important;
        width:43px!important;
        height:46px!important;
        padding:0!important;
        color:#42554c!important;
        background:#f2f5f3!important;
        border:0!important;
        border-radius:9px!important;
        font-size:18px!important;
    }

    .boProductCartBtn .boBottomIconWrap{
        height:20px!important;
    }

    .boProductBuyPrice{
        flex:0 1 auto!important;
        min-width:72px!important;
        max-width:92px!important;
        overflow:hidden!important;
    }

    .boProductBuyPrice small{
        display:block!important;
        margin-bottom:1px!important;
        color:#8a958f!important;
        font-size:8px!important;
        line-height:10px!important;
    }

    .boProductBuyPrice strong{
        display:block!important;
        overflow:hidden!important;
        color:#23352d!important;
        font-size:13px!important;
        font-weight:800!important;
        line-height:18px!important;
        letter-spacing:-.2px!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .boProductAddBtn{
        flex:1 1 auto!important;
        min-width:112px!important;
        height:46px!important;
        padding:0 10px!important;
        color:#fff!important;
        background:var(--bo-mobile-shell-green)!important;
        border:0!important;
        border-radius:9px!important;
        font-family:'Montserrat',sans-serif!important;
        font-size:11px!important;
        font-weight:750!important;
        line-height:46px!important;
        text-align:center!important;
    }

    .boProductAddBtn:active{
        background:var(--bo-mobile-shell-green-dark)!important;
    }

    .boProductAddBtn:disabled,
    .boProductBuyBar.is-out-of-stock .boProductAddBtn{
        color:#8a948f!important;
        background:#edf0ee!important;
    }

    /* ---------------- MOBIL URUN DETAY SEKME / REHBER ---------------- */
    .ProductBody .urunOzellik .mobilTab > ul > li.boProductExtraTabNav,
    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTabNav,
    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTab{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTabNav:not(.active) > a,
    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTab:not(.active) > a{
        color:#4f4b43!important;
        background:#f3f0e9!important;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTabNav.active > a,
    .ProductBody .urunOzellik .mobilTab > ul > li.boProductGuideTab.active > a{
        color:#fff!important;
        background:var(--theme-color)!important;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li{
        margin-bottom:8px!important;
        overflow:hidden!important;
        border:1px solid #dfe7e2!important;
        border-radius:10px!important;
        box-shadow:0 3px 11px rgba(25,62,50,.035)!important;
    }

    .ProductBody .urunOzellik .mobilTab > ul > li > a{
        min-height:49px!important;
        padding:0 13px!important;
        line-height:49px!important;
        border-radius:0!important;
    }

    .ProductBody .mobilTab .boProductExtraTabPanel{
        float:none!important;
        display:none;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
    }

    .ProductBody .mobilTab > ul > li.active > .boProductExtraTabPanel{
        display:block!important;
    }

    .ProductBody .mobilTab .boProductExtraTabBody{
        float:none!important;
        padding:10px 10px 14px!important;
    }

    .ProductBody .boProductExtraTabBody img.bo-extra-tab-image{
        display:block!important;
        width:100%!important;
        height:auto!important;
        margin:0 auto!important;
        border-radius:8px!important;
    }

    #divTicimaxCopyrightContent{
        margin-bottom:calc(var(--bo-mobile-nav-h) + var(--bo-mobile-safe-bottom) + 8px)!important;
    }
}

@media (prefers-reduced-motion: reduce) and (max-width:767px){
    .boMobileMenuSheet,
    .boMobileSheetOverlay,
    .boMobileSheetPanel,
    .CartProduct,
    .bottomHead.boMobileBottomNav ul li a{
        transition:none!important;
    }
}

/* =========================================================
   BEBEGIM OLACAK - MOBILE LISTING DESIGN V9.2
   Secilen alternatif: TASARIM 04 / MINIMAL PREMIUM
   2026-09-28

   Kapsam:
   - Sadece mobil urun listeleme / kategori ve marka liste sayfalari.
   - Urun kartinda fiyat + favori + sepete ekle hiyerarsisi yenilenir.
   - Siralama / Filtreleme iki premium kontrol karti haline gelir.
   - Site renkleri: yesil #1a9d85, turuncu #f1931f.
   - Masaustu, ana sayfa sliderlari ve urun detay sayfasi etkilenmez.
   ========================================================= */
@media screen and (max-width:767px) {
    body.boMobileListingV92 {
        --bo-list-green: var(--theme-color, #1a9d85);
        --bo-list-green-dark: #117763;
        --bo-list-orange: #f1931f;
        --bo-list-text: #202824;
        --bo-list-muted: #7d8581;
        --bo-list-border: #dfe9e4;
        --bo-list-soft: #f4faf7;
        --bo-list-shadow: 0 5px 16px rgba(26, 78, 63, .055);
    }

    /* ---------------- SIRALAMA / FILTRELEME ---------------- */
    body.boMobileListingV92 #divSayfalamaUst {
        position: relative;
        margin: 7px 0 14px !important;
        padding: 0 !important;
        min-height: 58px;
    }

    body.boMobileListingV92 .mobilFilterOpenBtn {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 9px;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .button {
        position: relative;
        float: none !important;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 100% !important;
        min-width: 0;
        height: 58px;
        margin: 0 !important;
        padding: 10px 13px 9px !important;
        overflow: hidden;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 1 !important;
        text-align: left !important;
        background: #fff !important;
        border: 1px solid var(--bo-list-border) !important;
        border-radius: 11px !important;
        box-shadow: 0 3px 10px rgba(26, 78, 63, .035);
        transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .button:focus,
    body.boMobileListingV92 .mobilFilterOpenBtn .button:active {
        border-color: rgba(26, 157, 133, .6) !important;
        background: var(--bo-list-soft) !important;
        box-shadow: 0 0 0 2px rgba(26, 157, 133, .08);
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .button:before {
        display: block;
        width: 100%;
        margin: 0 0 4px;
        color: var(--bo-list-text);
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: -.05px;
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .button:after {
        display: block;
        width: 100%;
        overflow: hidden;
        color: var(--bo-list-muted);
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 9.5px;
        font-weight: 500;
        line-height: 13px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .mobilSiralamBtn:before {
        content: 'Sıralama';
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .mobilSiralamBtn:after {
        content: attr(data-bo-subtitle);
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .mobilFilterBtn:before {
        content: 'Filtreleme';
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .mobilFilterBtn:after {
        content: attr(data-bo-subtitle);
    }

    /* Secili filtre varsa filtre kartina hafif marka vurgusu ver. */
    body.boMobileListingV92 .mobilFilterOpenBtn .mobilFilterBtn.boHasActiveFilters {
        border-color: rgba(26, 157, 133, .42) !important;
        background: linear-gradient(180deg, #f3fbf8 0, #fff 70%) !important;
    }

    body.boMobileListingV92 .mobilFilterOpenBtn .mobilFilterBtn.boHasActiveFilters:before {
        color: var(--bo-list-green-dark);
    }

    /* Ticimax select'i tiklanabilir kalir; gorsel tasarim alttaki Sıralama kartindan gelir. */
    body.boMobileListingV92 #divSayfalamaUst.Slct .brandlistselection {
        position: absolute !important;
        z-index: 30 !important;
        top: 0 !important;
        left: 0 !important;
        width: calc(50% - 4.5px) !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        opacity: .001;
        overflow: hidden;
    }

    body.boMobileListingV92 #divSayfalamaUst.Slct .brandlistselection .sortingContent,
    body.boMobileListingV92 #divSayfalamaUst.Slct .brandlistselection .sortingContent li,
    body.boMobileListingV92 #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* ---------------- URUN LISTE KARTI ---------------- */
    body.boMobileListingV92 .categoryContainer .ProductList,
    body.boMobileListingV92 .markaContainer .ProductList {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    body.boMobileListingV92 .ProductList .ItemOrj {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom: 10px !important;
    }

    body.boMobileListingV92 .ProductList .productItem {
        float: left;
        width: 100%;
        overflow: hidden;
        background: #fff;
        border: 1px solid var(--bo-list-border);
        border-radius: 11px;
        box-shadow: var(--bo-list-shadow);
        transform: translateZ(0);
    }

    body.boMobileListingV92 .ProductList .productItem:hover {
        box-shadow: var(--bo-list-shadow);
    }

    body.boMobileListingV92 .ProductList .productItem .productImage {
        overflow: hidden;
        background: #fff;
        border-bottom: 1px solid #edf2ef;
    }

    body.boMobileListingV92 .ProductList .productItem .productImage a,
    body.boMobileListingV92 .ProductList .productItem .productImage .Videolu {
        background: #fff;
    }

    body.boMobileListingV92 .ProductList .productItem .productDetail {
        position: relative;
        float: left;
        width: 100%;
        height: 160px !important;
        min-height: 160px !important;
        padding: 11px 10px 60px !important;
        background: #fff;
        text-align: left;
    }

    body.boMobileListingV92 .ProductList .productItem .productName {
        float: left;
        width: 100%;
        min-height: 36px;
        margin: 0 0 6px !important;
    }

    body.boMobileListingV92 .ProductList .productItem .productName a {
        float: none !important;
        display: -webkit-box !important;
        width: 100% !important;
        height: 36px !important;
        padding: 0 !important;
        overflow: hidden;
        color: #282d2b !important;
        font-size: 11.5px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        white-space: normal !important;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.boMobileListingV92 .ProductList .productItem .productOnYazi {
        display: none !important;
    }

    body.boMobileListingV92 .ProductList .productItem .productPrice {
        float: left !important;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        width: 100%;
        margin: 5px 0 0 !important;
        padding: 0 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .regularPrice {
        order: 1;
        float: none !important;
        display: block !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .regularPrice span {
        color: #8a908d !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 13px !important;
        text-decoration: line-through !important;
        text-decoration-color: #9fa5a2 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .discountPrice {
        order: 2;
        float: none !important;
        display: block !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .discountPrice span {
        color: var(--bo-list-text) !important;
        font-size: 15px !important;
        font-weight: 750 !important;
        line-height: 18px !important;
        letter-spacing: -.15px;
    }

    /* Indirimsiz urunlerde kalan tek fiyat da ayni hiyerarside guclu gorunsun. */
    body.boMobileListingV92 .ProductList .productItem .productPrice:not(:has(.discountPrice)) .regularPrice span,
    body.boMobileListingV92 .ProductList .productItem .regularPrice:only-child span {
        color: var(--bo-list-text) !important;
        font-size: 15px !important;
        font-weight: 750 !important;
        line-height: 18px !important;
        text-decoration: none !important;
    }

    /* TASARIM 04: solda minimal favori, sagda tam genis yesil Sepete Ekle CTA. */
    body.boMobileListingV92 .ProductList .productItem .favori {
        position: absolute !important;
        z-index: 8 !important;
        left: 10px !important;
        right: auto !important;
        bottom: 10px !important;
        display: block !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .favori a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        color: var(--bo-list-green-dark) !important;
        background: #fff !important;
        border: 1px solid rgba(26, 157, 133, .42) !important;
        border-radius: 10px !important;
        font-size: 0 !important;
        transition: background-color .16s ease, border-color .16s ease;
    }

    body.boMobileListingV92 .ProductList .productItem .favori a:before {
        margin: 0 !important;
        color: var(--bo-list-green) !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .favori a.listfavoriAktif,
    body.boMobileListingV92 .ProductList .productItem .favori a:active {
        background: var(--bo-list-soft) !important;
        border-color: var(--bo-list-green) !important;
    }

    body.boMobileListingV92 .ProductList .productItem .mycartIcon {
        position: absolute !important;
        z-index: 8 !important;
        left: 61px !important;
        right: 10px !important;
        bottom: 10px !important;
        display: block !important;
        width: auto !important;
        height: 42px !important;
        margin: 0 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .mycartIcon a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 100% !important;
        min-width: 0;
        padding: 0 8px !important;
        overflow: hidden;
        color: #fff !important;
        background: var(--bo-list-green) !important;
        border: 1px solid var(--bo-list-green) !important;
        border-radius: 10px !important;
        font-size: 0 !important;
        line-height: 1 !important;
        white-space: nowrap;
        transition: background-color .16s ease, border-color .16s ease;
    }

    body.boMobileListingV92 .ProductList .productItem .mycartIcon a:before {
        flex: 0 0 auto;
        margin: 0 6px 0 0 !important;
        color: #fff !important;
        font-size: 15px !important;
        line-height: 1 !important;
    }

    body.boMobileListingV92 .ProductList .productItem .mycartIcon a:after {
        content: 'Sepete Ekle';
        display: block;
        min-width: 0;
        overflow: hidden;
        color: #fff;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 10.5px;
        font-weight: 700;
        line-height: 14px;
        text-overflow: ellipsis;
    }

    body.boMobileListingV92 .ProductList .productItem .mycartIcon a:active {
        background: var(--bo-list-green-dark) !important;
        border-color: var(--bo-list-green-dark) !important;
    }

    /* Yeni = marka yesili / indirim-firsat = turuncu. */
    body.boMobileListingV92 .ProductList .productItem .productFaMyEx {
        left: 8px !important;
        top: 8px !important;
        height: auto !important;
    }

    body.boMobileListingV92 .ProductList .productItem .productFaMyEx .newIcon {
        width: auto !important;
        min-width: 38px;
        height: 23px !important;
        padding: 0 7px !important;
        color: #fff !important;
        background: var(--bo-list-green) !important;
        border-radius: 4px !important;
        font-size: 9.5px !important;
        line-height: 23px !important;
    }

    body.boMobileListingV92 .ProductList .productItem .productFaMyEx .discountIcon,
    body.boMobileListingV92 .ProductList .productItem .productFaMyEx .firsatIcon {
        width: auto !important;
        min-width: 38px;
        color: #fff !important;
        background: var(--bo-list-orange) !important;
        border-radius: 4px !important;
    }

    /* Tukendi etiketi yeni kart yuksekligiyle uyumlu. */
    body.boMobileListingV92 .ProductList .productItem .TukendiIco {
        left: 0 !important;
        right: 0 !important;
        height: calc(100% - 160px) !important;
    }

    /* Tek kolon / yatay liste secilirse CTA oranlarini bozma. */
    body.boMobileListingV92 .ProductList.PlSc_hrz .productItem .productDetail {
        min-height: 132px !important;
    }
}

/* :has destegi olmayan eski mobil tarayicilar icin guvenli fiyat fallback. */
@supports not selector(:has(*)) {
    @media screen and (max-width:767px) {
        body.boMobileListingV92 .ProductList .productItem .regularPrice span {
            color: #8a908d !important;
        }
    }
}

/* =========================================================
   V9.9 - IKI FARKLI KULLANIM / TASARIM 04
   BASLIGIN ALTINDA BUYUK REHBER BANDI

   A-B-C-D kaynak gorseli basligin hemen altinda, acik yesil rehber
   bandinin icinde daha buyuk gosterilir. Iki kullanim alani gorselin
   altinda yeniden sade, dikey akisa doner.
   ========================================================= */

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaHasLevelImage.boCaTwoUsageLayout04{
    display:block!important;
    width:100%!important;
}

/* Rehber bandi: buyutulmus gorsel + kisa aciklama. */
body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 > .boCaTwoUsageGuideBand{
    display:grid!important;
    grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:28px!important;
    width:100%!important;
    margin:0 0 24px!important;
    padding:18px 22px!important;
    background:#f4faf7!important;
    border:1px solid #d8e9e2!important;
    border-radius:12px!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageGuideBand > .boCaLevelFigure{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:260px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageGuideBand .boCaLevelFigure picture{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageGuideBand .boCaLevelFigure img,
body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageGuideBand .boCaLevelFigure .boCaLevelImage{
    display:block!important;
    width:100%!important;
    max-width:260px!important;
    height:auto!important;
    max-height:210px!important;
    margin:0 auto!important;
    object-fit:contain!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageGuideCopy{
    min-width:0!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageGuideTitle{
    display:block!important;
    margin:0 0 5px!important;
    color:var(--bo-ca-green)!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:750!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageGuideText{
    display:block!important;
    margin:0!important;
    color:#65756d!important;
    font-size:11.5px!important;
    line-height:1.65!important;
    font-weight:400!important;
}

/* Rehber bandinin altinda 1. Ana Kucagi / 2. Koltuk sade ve alt alta. */
body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 > .boCaTwoUsageGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageCard{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 20px!important;
    border:0!important;
    border-bottom:1px solid var(--bo-ca-line)!important;
    background:transparent!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageCard + .boCaTwoUsageCard{
    padding:18px 0 0!important;
    border-left:0!important;
    border-top:0!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageCard:last-child{
    padding-bottom:0!important;
    border-bottom:0!important;
}

body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaLevelTimeline{
    max-width:560px!important;
}

@media screen and (max-width:767px){
    body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 > .boCaTwoUsageGuideBand{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-bottom:20px!important;
        padding:16px 14px!important;
    }

    body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageGuideBand > .boCaLevelFigure{
        width:100%!important;
        max-width:340px!important;
        margin:0 auto!important;
    }

    body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageGuideBand .boCaLevelFigure img,
    body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageGuideBand .boCaLevelFigure .boCaLevelImage{
        width:100%!important;
        max-width:340px!important;
        max-height:235px!important;
    }

    body.boCommerceAccordionV5 .boCaTwoUsageGuideCopy{
        text-align:center!important;
    }

    body.boCommerceAccordionV5 .boCaTwoUsageGuideTitle{
        font-size:12.5px!important;
    }

    body.boCommerceAccordionV5 .boCaTwoUsageGuideText{
        font-size:11px!important;
    }

    body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageCard{
        padding-bottom:16px!important;
    }

    body.boCommerceAccordionV5 .boCaTwoUsageVisual.boCaTwoUsageLayout04 .boCaTwoUsageCard + .boCaTwoUsageCard{
        padding-top:15px!important;
    }
}

/* =========================================================
   V10 - TUM SEVIYE AYARLARI / BUYUK REHBER BANDI

   V9.9'da secilen Tasarim 04 artik yalnizca "Iki Farkli Kullanim"
   icin degil, BEGIN ve benzeri "Seviye Ayari" bloklari icin de
   kullanilir. Tekli urun ve set/bundle icindeki alt urunler ayni
   tasarim diline girer.
   ========================================================= */

body.boCommerceAccordionV5 .boCaLevelSetting.boCaLevelSettingGuide{
    display:block!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:4px 0 6px!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide > .boCaLevelSettingTitle{
    margin:0 0 16px!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide > .boCaLevelGuideBand{
    display:grid!important;
    grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:28px!important;
    width:100%!important;
    margin:0 0 22px!important;
    padding:18px 22px!important;
    background:#f4faf7!important;
    border:1px solid #d8e9e2!important;
    border-radius:12px!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelGuideBand > .boCaLevelFigure{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:260px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelGuideBand .boCaLevelFigure picture{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelGuideBand .boCaLevelFigure img,
body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelGuideBand .boCaLevelImage{
    display:block!important;
    width:100%!important;
    max-width:260px!important;
    height:auto!important;
    max-height:210px!important;
    margin:0 auto!important;
    object-fit:contain!important;
}

body.boCommerceAccordionV5 .boCaLevelGuideCopy{
    min-width:0!important;
}

body.boCommerceAccordionV5 .boCaLevelGuideTitle{
    display:block!important;
    margin:0 0 5px!important;
    color:var(--bo-ca-green)!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:750!important;
}

body.boCommerceAccordionV5 .boCaLevelGuideText{
    display:block!important;
    margin:0!important;
    color:#65756d!important;
    font-size:11.5px!important;
    line-height:1.65!important;
    font-weight:400!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide > .boCaLevelContent{
    display:block!important;
    width:100%!important;
    max-width:680px!important;
    min-width:0!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelIntro{
    margin:0 0 4px!important;
}

body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelTimeline{
    max-width:560px!important;
    margin-top:14px!important;
}

/* Bundle icinde ozel seviye blogu, normal iki kolonlu feature gridinden ayrilir. */
body.boCommerceAccordionV5 .boCaBundleProduct > .boCaBundleLevelSetting{
    width:100%!important;
    margin:18px 0 4px!important;
    padding-top:18px!important;
    border-top:1px solid var(--bo-ca-line)!important;
}

body.boCommerceAccordionV5 .boCaBundleProduct > .boCaBundleLevelSetting .boCaLevelSettingTitle{
    font-size:14px!important;
}

@media screen and (max-width:767px){
    body.boCommerceAccordionV5 .boCaLevelSettingGuide > .boCaLevelGuideBand{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-bottom:18px!important;
        padding:16px 14px!important;
    }

    body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelGuideBand > .boCaLevelFigure{
        width:100%!important;
        max-width:340px!important;
        margin:0 auto!important;
    }

    body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelGuideBand .boCaLevelFigure img,
    body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelGuideBand .boCaLevelImage{
        width:100%!important;
        max-width:340px!important;
        max-height:235px!important;
    }

    body.boCommerceAccordionV5 .boCaLevelGuideCopy{
        text-align:center!important;
    }

    body.boCommerceAccordionV5 .boCaLevelGuideTitle{
        font-size:12.5px!important;
    }

    body.boCommerceAccordionV5 .boCaLevelGuideText{
        font-size:11px!important;
    }

    body.boCommerceAccordionV5 .boCaLevelSettingGuide > .boCaLevelContent,
    body.boCommerceAccordionV5 .boCaLevelSettingGuide .boCaLevelTimeline{
        max-width:none!important;
    }
}


/* V10.1 - Level parser context guard. No visual CSS changes from V10. */