@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

  /* ============================================================
    GORUNUM - Renk ve olcu tokenlari (tum palet buradan yonetilir)
    ============================================================ */
  :root {
    --ng-navy-900: #06205E;
    --ng-navy-700: #0C2380;
    --ng-navy-500: #5E718D;
    --ng-gold-300: #E8D1B0;
    --ng-gold-500: #C19C60;
    --ng-gold-600: #A8823F;
    --ng-line:     #D7DFE9;
    --ng-bg-soft:  #F9FAFB;
    --ng-radius:      6px;
    --ng-radius-img:  8px;
    --ng-btn-h:      50px;
  }

  /* GLOBAL TIPOGRAFI - Jost + 0.10em harf araligi tum siteye uygulanir.
     Ikon fontlari (FontAwesome) haric tutulur, aksi halde ikonlar bozulur. */
  body,
  body input,
  body select,
  body textarea,
  body button,
  body a,
  body span,
  body div,
  body p,
  body h1, body h2, body h3, body h4, body h5, body h6,
  body li, body td, body th, body label {
    letter-spacing: .10em;
  }

  /* Ikon fontlarinda harf araligi OLMAMALI */
  body .fa, body .fas, body .far, body .fal, body .fab,
  body [class^="fa-"], body [class*=" fa-"],
  body i.fa, body i.fas, body i.far, body i.fal, body i.fab {
    letter-spacing: normal !important;
    font-family: 'FontAwesome', 'Font Awesome 5 Pro', 'Font Awesome 5 Brands' !important;
  }

  /* MARKA ikonlari (.fab) Brands fontunu KULLANMALI.
    Yukaridaki kural hepsine 'FontAwesome' dayatiyordu; o fontta
    fa-whatsapp glifi YOK -> ikon 0px genislik uretiyor, buton
    26x50px dikey elipse donusuyordu ("skew" gorunumu).
    Facebook/Instagram glifleri o fontta oldugu icin onlar etkilenmemisti. */
  body i.fab,
  body .fab,
  body [class*="fa-whatsapp"],
  body [class*="fa-facebook"],
  body [class*="fa-instagram"],
  body [class*="fa-twitter"],
  body [class*="fa-youtube"],
  body [class*="fa-tiktok"],
  body [class*="fa-telegram"] {
    font-family: 'Font Awesome 6 Brands', 'Font Awesome 5 Brands', 'FontAwesome' !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
  }

  /* ::before pseudo-elemani da Brands fontunu kullanmali.
    (Glif ::before icinde basiliyor - sadece elemana kural vermek yetmiyor.) */
  body i.fab::before,
  body .fab::before,
  body [class*="fa-whatsapp"]::before,
  body [class*="fa-facebook"]::before,
  body [class*="fa-instagram"]::before,
  body [class*="fa-twitter"]::before,
  body [class*="fa-youtube"]::before,
  body [class*="fa-tiktok"]::before,
  body [class*="fa-telegram"]::before,
  body .whatsBtn i::before {
    font-family: 'Font Awesome 6 Brands', 'Font Awesome 5 Brands' !important;
    font-weight: 400 !important;
  }

  /* WhatsApp butonu: tam daire, ortalanmis ikon */
  body .whatsBtn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center !important;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box;
  }
  body .whatsBtn i {
    width: auto !important;
    height: auto !important;
    font-size: 26px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  /* Fiyat rakamlarinda daha dar aralik - okunurluk icin */
  body .discountPriceSpan,
  body .regularPriceSpan,
  body .ngListeHavaleTutar,
  body .ngOdemeFiyat,
  body .IndirimliFiyatContent .right_line *,
  body .PiyasafiyatiContent .right_line * {
    letter-spacing: .02em;
  }


  *{outline: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  /*reset Css*/
  [hidden] { display: none !important; }
  [role="button"] { cursor: pointer; }
  [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
  [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
  template { display: none; }
  [tabindex="-1"]:focus { outline: none !important; }
  /* html'e max-width:1920px + margin:0 auto verilmiyor - 2560px gibi genis
    ekranlarda tum sayfayi ortalayip iki yanda bosluk birakip duyuru
    barinin/ana bannerin uctan uca gorunmesini engelliyordu. Ic icerik
    bloklari kendi max-width'lerini ayri media query'lerle yonetiyor. */
  html {max-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;  }
  body { font-family: 'Jost', sans-serif; margin: 0; padding: 0;font-size:0.8rem; letter-spacing: .10em; }
  button, input { overflow: visible; }
  button, select { text-transform: none; }
  button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
  textarea { overflow: auto; }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
  input[type="search"] { -webkit-appearance: none; }
  input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; }
  input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }
  label { display: inline-block; margin-bottom:0; }
  input, button, select, textarea { line-height: inherit; }
  img {display:block; border: none; max-width: 100%; }
  i{font-style: normal;}
  a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
  a { text-decoration: none;color: #666;transition:background .1s ease-in-out,color .1s ease-in-out;}
  a:active, a:hover { outline-width: 0; }
  h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal;}
  input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
  input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #000; }
  select, input, textarea, button { font-family: 'Jost', sans-serif !important; letter-spacing: .10em; }
  button { -moz-appearance: none;-webkit-appearance: none;}
  input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
  textarea { resize: vertical;overflow: auto;  }
  #divAdminPopupText{float: left;width: 100%;}
  .ProductList ul{margin: 0;padding: 0;}
  .blokSonYazilar ul{margin: 0;padding: 0;list-style: none;}
  .blogKategori ul{margin: 0;padding: 0;list-style: none;}
  .blogCenter ul{margin: 0;padding: 0;list-style: none;}
  .blogRight ul{margin: 0;padding: 0;list-style: none;}
  /*colgrid*/
  .pull-center{display: inline-block;vertical-align:top;}
  .pull-left{float:left;}
  .pull-right{float:right;}
  .row {margin-right: -15px; margin-left: -15px;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col{padding-right: 15px; padding-left: 15px;  position: relative; width: 100%; min-height: 1px; }
  .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; }
  .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  /*colgrid*/
  .fa-facebook-f:before {content: "\f39e"!important;}
  .hesabimBolumuTutucu i{vertical-align: middle;font-weight: 300;}
  .adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
  #cb3DSecureOdeme { margin-right: 8px; }
  #txtbxCep { border: solid 1px #a9a9a9; height: 26px; color: #777777; background-color: transparent; }
  .clear { clear: both; }
  .textarea { font-family: 'Judson', sans-serif; border: solid 1px #a9a9a9; padding: 4px; width: 100%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;}
  .textbox { font-family: 'Judson', sans-serif; color: #666666; display: block; font-size: 14px; width: 100%; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s;}
  .button {font-family: 'Judson', sans-serif; cursor: pointer; color: #fff; padding: 4px 5px; transition: all 0.3s ease 0s; border: none;  text-align: center; }
  .selectboxx { height: 26px; line-height: 26px; padding: 0 5px; background-color: none !important; width: 100%; margin-bottom: 4px; }
  .validate, .validateSol, .validateOrta {position: absolute;right: 0;left: 0;bottom: 0;background-color: #a94442;color: #fff;border-radius: 5px;padding: 0 10px;}
  .validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {background-color: #a94442;position: absolute;right: 0;bottom: 0;left: 0;height: 10px;display: block;border-radius: 0 0 5px 5px;}
  .cloudzoom-zoom { z-index: 999; }
  .clearfix { content: ''; clear: both; display: block; float: left; width: 100%; }
  .clearfix:after, .clearfix:before { content: ''; clear: both; display: block; float: left; width: 100%; }
  .KasaOnuFirsatlarContent ul li a.button{border: none!important;}
  /* -----------------------------------Magaza Sayfasi--------------------------------------------*/
  .Magazalar #header{margin-bottom: 50px;}
  .Magazalar .magazaSelect{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;margin-right:20px;width: calc(25% - 20px);}
  .Magazalar #searchStore{width: 25%;margin:0;}
  .Magazalar #searchStore input{background: #fff;border: 1px solid #eeeff0;color: #222222;font-size: 13px;width: calc(100% - 115px);}
  .Magazalar #searchStore .buton{width: 105px;background: #222;border-color: #222;}
  .Magazalar #searchStore .buton:hover{color: #222;}
  .Magazalar .magazalarContent{float: left;width: 100%;margin-top: 50px;}
  .Magazalar #nearStores{float: left;width: 100%;}
  .Magazalar #nearStores >h2{font-weight: 600!important;color: #222;font-size:18px;}
  /*------------------------------------iletisim--------------------------------------------*/
  .iletisimContent {float: left;width: 100%;}
  .iletisimContent .row{margin: 0;}
  .iletisimContent .AdBan{float: left;width: 50%;}
  .iletisimContent .iletisimLeft{float:left;padding: 0;margin: 0 0 40px;width: 100%;display:block;}
  .iletisimContent .categoryTitle{float:left;padding: 0;margin: 0 0 30px;width: 100%;text-align:left;}
  .iletisimContent .categoryTitle .categoryTitleText{margin-bottom: 0;font-size: 24px;font-weight: bold;line-height: 80px;text-align:left;}
  .iletisimContent .categoryTitle:after{clear: left;content:'';width: 70px;height: 1px;background:#e5e5e5;float: left; }
  .iletisimContent .iletisimLeft .Left{display: none;}
  .iletisimContent .iletisimLeft .Center{display: none;}
  .iletisimContent .iletisimLeft .span{float: left;width: 100%;margin-top: 20px;}
  .iletisimContent .iletisimLeft .Right{display: block;color: #343434;font-size: 14px;line-height: 20px;}
  .iletisimContent .iletisimLeft .Right:before{color: #bababa;font-size: 20px;font-family: 'FontAwesome';width: 35px;text-align: left;font-weight: 300;float: left;}
  .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 20px;font-weight: bold;}
  .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {font-size: 24px;}
  .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right:before {content: '\f2a0';}
  .iletisimContent .iletisimLeft .span.iletisimLeftFaks .Right:before {content: '\f1ac';}
  .iletisimContent .iletisimLeft .span.iletisimLeftAdres .Right:before   {content: '\f3c5';}
  .iletisimContent .iletisimLeft .span.iletisimLeftEposta .Right:before  {content: '\f2b6';}
  .iletisimContent .iletisimRight{float:left;padding: 0;margin: 0;width: 100%;}
  .iletisimContent .iletisimRight .iletisimbanka{float:left;padding: 0;width: 100%;margin: 0;}
  .iletisimContent .iletisimRight .iletisimbanka .span{float:left;padding: 0;width: 100%;margin: 0;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div{display: block;font-size: 0;border-bottom: 1px solid #e5e5e5;padding: 0 0 20px;margin: 0 0 20px;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div span{display: inline-block;vertical-align:top;width: auto!important;color: #343434;font-size: 14px;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div div{display: inline-block;vertical-align:top;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 span{display: block;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 {text-align:center;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line1{text-align: left;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 .line4{text-align: right;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div{display: inline-block;vertical-align:top;width: 25%;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1){margin-bottom: 10px;}
  .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: right;}
  .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) {border-top: 4px solid;margin-top: 20px;padding-top: 20px; }
  .iletisimContent .iletisimForm{float: left;width: 50%;padding-left: 80px;}
  .iletisimContent .iletisimForm .rowLeft{float:left;padding: 0;margin: 0;width: 100%;}
  .iletisimContent .iletisimForm .rowLeft .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;}
  .iletisimContent .iletisimForm .rowLeft .span .Center{display: none;}
  .iletisimContent .iletisimForm .rowLeft .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;}
  .iletisimContent .iletisimForm .rowLeft .span .Right{display: block;position: relative;}
  .iletisimContent .iletisimForm .rowLeft .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;width: 100%;border-style: solid; border-width: 1px;}
  .iletisimContent .iletisimForm .rowRight{float:left;padding: 0;margin: 0;width: 100%;}
  .iletisimContent .iletisimForm .rowRight .span{float:left;padding: 0;margin: 0 0 10px;width: 100%;}
  .iletisimContent .iletisimForm .rowRight .span .Center{display: none;}
  .iletisimContent .iletisimForm .rowRight .span .Left{display: block;font-size: 12px;color: #222222;font-weight: 600;line-height: 30px;width: auto!important;}
  .iletisimContent .iletisimForm .rowRight .span .Right{display: block;position: relative;width:auto!important;}
  .iletisimContent .iletisimForm .rowRight .span .Right .captchaImageBox{display: block;margin-bottom: 10px;}
  .iletisimContent .iletisimForm .rowRight .span .Right input{height: 40px;border-color: #e3e3e3;background: transparent;padding: 0 10px;border-style: solid; border-width: 1px;}
  .iletisimContent .iletisimForm .rowRight .span .Right textarea{border-color: #e3e3e3;background: transparent;padding:10px;}
  .iletisimContent .iletisimForm .rowRight .iletisimBtn{margin-top: 20px;}
  .iletisimContent .iletisimForm .rowRight .iletisimBtn input{padding: 0;display: block;height: 55px;font-size: 16px;color: #fff;font-weight: normal;text-transform:uppercase;float: left;width: 100%;}
  .iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk{left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background-color: #ff0d0d;border-radius: 2px;}
  .iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta{left: 0;right: 0;bottom: 0;top: auto; display: block;border-radius: 2px;}
  /*------------------------------------Uye Ol--------------------------------------------*/
  .uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: 26px; text-align: center; }
  .uyeOlContainer #FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: #fff; border: 1px solid #eee; width:calc(50% - 10px); }
  .uyeOlContainer #FrmYeniUye > .uyeOlCol:nth-child(2) {margin-right: 0;}
  .uyeOlContainer .uyeOlRow{margin:0;}
  .uyeOlContainer .uyeOlCol .uyeOlCol{width:auto;padding:0;}
  .uyeOlContainer .uyeOlCol .uyeOlCol-3{padding-left: 0;}
  .uyeOlContainer .uyeOlCol label { font-size: 14px; margin-bottom: 10px; display: inline-block; }
  .uyeOlContainer .uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto !important; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
  .uyeOlContainer .uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: 0.3px; background-color: #fff !important; height: auto; border-radius: 0; box-shadow: none; padding: 15px 0; border: 1px solid #eee !important; font-weight: 400; color: #555 !important; width: 100%; text-indent: 15px; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; }
  .uyeOlContainer .dateofbirth select.selectboxx { width: 31%; float: left; margin-right: 1%; }
  .uyeOlContainer .gender { float: left; width: 100%; }
  .uyeOlContainer .gender label { float: left; width: 70px; margin-top: 10px; display: block; }
  .uyeOlContainer .gender input { float: left; margin-top: 14px; margin-right: 3px; }
  .uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
  .uyeOlContainer #mainHolder_rblCinsiyet { float: left; }
  .uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
  .uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important;line-height: 1;}
  .uyeOlContainer .uyeOlColItem.checkboxItem label span {display: inline-block;vertical-align: top;float: left;font-size: 13px;line-height: 14px;width: calc(100% - 26px);}
  .uyeOlContainer .uyeol {width:100%;text-align:center;padding:2px;margin:30px 0;height: 45px;font-size: 15px;line-height: 48px;}
  .uyeOlContainer .uyeOlColItem.checkboxItem label input{margin-left: -20px;}
  .uyeOlContainer .uyeOlColItem.checkboxItem label:before{margin-right: 10px;}
  .uyeOlContainer .uyeOlCol .uyeOlCol{margin-right: 20px;}
  .uyeOlContainer #chkSozlesme{margin: 0!important;}
  .uyeOlContainer #chkSozlesme + label{width: calc(100% - 20px); float: right; line-height: 15px; font-size: 13px;}
  .userContainer {float:left;width: 100%;margin: 30px 0;}
  .userContainer .userDivLeft,
  .userContainer .userDivRight{padding: 0;}
  .userContainer .userMail,
  .userContainer .userSms,
  .userContainer .userSozlesmeDiv{float: left;width: 100%;margin: 10px 0 0;}
  .userContainer .userMail label,
  .userContainer .userSms label,
  .userContainer .userSozlesmeDiv label{width: 93%;float: right;}
  .userContainer #chkSozlesme+label {width: 93%;float: right;}
  .userContainer .userLeftBox, .userContainer .userRightBox{width: 100%;float: left;margin: 0;padding:25px;}
  .userContainer .userLoginBtn, .userContainer .userSignBtn{float: left;width: 100%;}
  .userContainer .uyeGirisBeniHatirla{margin: 20px 0;}
  .userContainer .uyeGirisBeniHatirla input,.userContainer .uyeGirisBeniHatirla span{float: left;}
  .userContainer .uyeGirisBeniHatirla input{width:16px;height:16px;margin-right:10px;}
  .userContainer .userPassBtn{margin: 20px 0;}
  /* ------------------------------------Sifremi Unuttum--------------------------------------------*/
  .pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum p { line-height: 25px; }
  .pageSifremiUnuttum.SifremiUnuttumContent .SifremiUnuttum .userWrapper { float: left;margin-bottom: 20px;}
  /* ------------------------------------Uye Ol Basarili--------------------------------------------*/
  .userLogin{float: left;width: 100%;text-align:center;margin: 50px 0;}
  .userLogin .newuserForm .uyelikonay.basariliUyelik{display: inline-block;vertical-align:top;}
  .userLogin .newuserForm .uyelikonay.basariliUyelik .title{color: #000;}
  .userLogin .newuserForm .uyelikonay.basariliUyelik .title:before{content: '\f00c';font-family: 'FontAwesome';display: block;font-size: 40px;color:#097d2d;font-weight:bold;margin-bottom: 10px;}
  .userLogin .newuserForm .uyelikonay.basariliUyelik .title h4{font-size: 25px; }
  .userLogin .newuserForm .uyelikonay.basariliUyelik .title span{font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
  .userLogin .newuserForm .uyelikonay.basariliUyelik a{padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
  /* ------------------------------------Taksit Secenekleri--------------------------------------------*/
  #divTaksitContainer{float: left;width: 100%;margin-top: 10px;}
  .urunOzellik .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
  /*Header-Footer*/
  #header:before { content: '';display:table;}
  #header:after { content: ''; display: table;}
  .hoverr:before { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 10; clear: none; display: block !important; }
  #header {width: 100%;position: relative;float: left;z-index:1000;background: #fff;}
  .headerContent:before { content: ''; display: block; clear: both; }
  .headerContent:after { content: ''; display: block; clear: both; }
  /*logo*/
  #logo {display: inline-block;vertical-align:top;float: left;}
  #logo .logo {display: inline-block;vertical-align:top;margin:0;}
  #logo .logo img { display: block;max-width: 100%;}
  /*headerButton*/
  .headerButton{float: right;margin-top: 30px;}
  .favi{float:right;margin: 0 15px;}
  .favi a{float:left;text-align:center;color: #000;font-size: 12px;line-height: 30px;fill:#000;}
  .favi a .svgIcon{display: block;margin: 0 auto;line-height: 0;}
  .favi a span{display: block;}
  /*sepet*/
  .mycart{float: right;z-index:99;position: relative;}
  .mycart > a {display: block;color: #000;font-size: 12px;text-align:center;fill:#000;}
  .mycart .svgIcon {display: block;margin: 0 auto;line-height: 0;}
  /*sepettext*/
  .mycart .sepetTecxt {display:block;float: left;line-height: 30px;}
  .mycart .sepetUrunSayisi {display:block;position: absolute;right: 0;top: -5px;width: 16px;height: 16px;line-height: 16px;background: #000;border-radius:100%;color: #fff;font-size: 11px;}
  .mycart .sepetUrun { display:none;}
  .sepetTopTutar { display: none!important;}
  /*sepetacilir*/
  .CartProduct p { margin-top: 0; margin-bottom: 0; }
  .CartProduct { width: 450px; background: #fff; float: left; padding: 20px; z-index: 99999; position: absolute; top: 100%; right: -1px; margin-left: -150px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0 0 16px -10px #000; opacity: 0; visibility: hidden;}
  .mycart:after { display: none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; content: ''; }
  @media(min-width: 768px){.mycart:hover .CartProduct {display: block!important; visibility: visible; opacity: 1; top: 100%; }.mycart:hover:after { display: block; }}
  .CartProduct:before, .CartProduct:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
  .CartProduct:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 9px; margin-left: -9px; }
  .CartProduct:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; right: 11px; }
  .CartProduct ul { padding: 0; margin: 0; }
  .CartProduct .SProduct { float: left; width: 100%; max-height: 288px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; }
  .CartProduct .SProduct li { float: left; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
  .CartProduct .SProduct li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
  .CartProduct .SProduct li a { float: left; width: 100%; text-align: left; color: #000; padding-right: 30px; }
  .CartProduct .SProduct li a img { margin-right: 20px; float: left; height: 90px !important; }
  .CartProduct .SProduct li a .SepettopAd { width: calc(100% - 110px); float: left; }
  .CartProduct .SProduct li a .SepettopAd .urunAd { margin-bottom: 10px; }
  .CartProduct .SProduct li a .SepettopAd .urunAd span { font-weight: 600; font-size: 15px; display: block; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
  .CartProduct .SProduct li a .SepettopAd .varyAd { margin-bottom: 5px; }
  .CartProduct .SProduct li a .SepettopAd .varyAd span { font-size: 14px; line-height: 14px; }
  .CartProduct .SProduct li a .SepettopAd .sptAdet { margin-bottom: 10px; }
  .CartProduct .SProduct li a .SepettopAd .sptAdet span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 14px; }
  .CartProduct .SProduct li a .SepettopAd .sptAdet span:first-child { margin-left: 10px; }
  .CartProduct .SProduct li a .sepetTopSatisBirimi { display: inline-block !important; vertical-align: middle; float: left; }
  .CartProduct .SProduct li a .SepetTopAdet { }
  .CartProduct .SProduct li a .sepetTopFiyat { display: block !important; font-weight: 600; font-size: 16px; margin: 0; color: #000; line-height: 16px; }
  .CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 50%; margin-top: -20px; width: auto !important; font-size: 15px; padding: 0; }
  .CartProduct .SProduct li a .sepetTopBirimFiyat { display: none !important; }
  .CartProduct .SProduct li a .fa-times { font-family: 'FontAwesome'; font-weight: 300; }
  .CartProduct .SProduct li a .fa-times:before { content: '\f2ed'; }
  .CartProduct .SPrice { float: left; width: 100%; font-size: 14px; font-weight: 600; padding: 10px 0; margin: 20px 0 10px; display: none; }
  .CartProduct .SPrice li { font-size: 0; }
  .CartProduct .SPrice li span { float: left; color: #000; font-size: 14px; text-transform: uppercase; }
  .CartProduct .SPrice .sepetToplamTutar { float: right; text-align: right; font-size: 16px; }
  .CartProduct .button { margin: 0 !important; float: left; width: calc(50% - 10px); font-size: 14px !important; line-height: 35px; border-radius: 0; padding: 0; text-transform: uppercase; font-weight: 600; }
  .CartProduct .headerCartBtn { line-height: 45px; border: 1px solid #ccc; background: transparent; color: #000; }
  .CartProduct .headerOrderBtn { line-height: 47px; float: right; }
  .CartProduct .headerCartBtn:hover { color: #fff; }
  .CartProduct.more .SPrice { display: block; }
  .CartProduct.more .Title { display: block; }
  .CartProduct.more .cart-footer { display: block; }
  .CartProduct.more .headerCartBtn { display: block !important; }
  .CartProduct.more .headerOrderBtn { display: block !important; }
  .sepetimBody .mycart:hover .CartProduct { visibility: hidden; opacity: 0; top: 0; }
  .sepetimBody .mycart:hover:after  {display: none;}
  /*hesabim*/
  .welcome { float: right; z-index: 99; position: relative;}
  .welcome > div {float:left;}
  .welcome ul {float:left;margin: 0;list-style:none;padding: 0;}
  .uyeGirisWelcome,.uyeGirisUyeAdi{display: none;}
  .headerUyeGiris a, .headerUyeOl a, .headerHesabim, .headerCikis {float: left;color: #000;font-size: 12px;line-height: 30px;}
  .welcome .svgIcon{float: none; display: block;margin: 0 auto;line-height: 0;}
  .headerUyeOl a, .headerCikis{}
  /*socialbutton*/
  .welcome li {display:inline-block;vertical-align:top;}
  .headerSocialConnect { display:none !important; float: right; margin-left: 25px;}
  .headerSocialConnect .baglanButton { background: transparent !important; border: none; margin: 0; padding: 0; line-height: 0; }
  .headerSocialConnect .baglanButton a { line-height: 43px; color: #fff; text-indent: 0;font-size: 12px;font-weight:normal;padding:0;}
  .headerSocialConnect .baglanButton a:before {content: '\f39e'; font-family: 'FontAwesomeBrands'; margin-right: 10px; font-size: 12px;line-height: 43px;vertical-align:top;font-weight: normal;}
  .usernav { display: none; }
  /*Arama*/
  .searchContent {display: inline-block;vertical-align:top; width: 250px;position: relative;z-index: 5;}
  #divAramaKategori { display: none !important; position: absolute; left: 0; top: 5px; }
  #divAramaKategori select {cursor: pointer; background: #fff;display: block; height: 40px;border: none;border-right: 1px solid #000; 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;}
  .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: 40px;font-size: 12px;font-weight: normal;border: none;color: #000;padding:0 55px 0 15px;background: #fff;border-radius: 0;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: #000; }
  #txtbxArama:-moz-placeholder { color: #000; }
  #txtbxArama::-moz-placeholder { color: #000; }
  #txtbxArama:-ms-input-placeholder { color: #000; }
  #txtbxArama:focus { color: #000; }
  #btnKelimeAra {background:transparent; width: 55px; line-height: 40px; font-size: 14px; color: #000; font-weight: normal; text-align: center; text-transform: uppercase; position: absolute; right: 0; top: 0; border: none; border-radius: 0; padding: 0; cursor: pointer; z-index: 9; -moz-appearance: none; -webkit-appearance: none;}
  /*menu*/
  .navigation {float:left;width: 100%;}
  .navigation > div { z-index: 1;text-align:center;padding: 0!important;}
  .navigation .navUl {display: inline-block;font-size: 0;float: left;width: 100%;position: relative;padding:0;margin:0;}
  .navigation .navUl  ul{padding:0;margin:0;list-style: none;}
  .navigation .navUl > li { display:inline-block;vertical-align:middle;}
  .navigation .navUl > li > a {float: left;color: #000;font-size: 14px;line-height: 40px;}
  /*menuacilir*/
  .navigation .altMenu {position: absolute;top: 100%;left: 0;right: 0;background-color: #fff;display: none;}
  .navigation .navUl > li:hover > .altMenu {display: block;}
  .navigation .altMenu .altmenuSol > span{display: none;}
  .navigation .altMenu .altMenuler {display: block;text-align:left;}
  .navigation .altMenu .altMenuler .altMenuSag {float: right;}
  .navigation .altMenu .altMenuler .altMenuSag > a {}
  .navigation .altMenu .altMenuler .altMenuSag > a > img { display: block;}
  .navigation .altMenu .altMenuler .altmenuSol {float: left;width: 100%;}
  .navigation .altMenu .altMenuler .altmenuSol ul {display: block;}
  .navigation .altMenu .altMenuler .altmenuSol ul li {display: block;}
  .navigation .altMenu .altMenuler .altmenuSol ul li li{float: left;clear: left;}
  .navigation .altMenu .altMenuler .altmenuSol ul li a{display: block;}
  .navigation .altMenu .altMenuler .altmenuSol ul li:last-child a{}
  .navigation .altMenu .altMenuler .altmenuSol ul li ul a:hover{text-decoration:underline;}
  .navigation .altMenu .altMenuler .altmenuSol > ul {}
  .navigation .altMenu .altMenuler .altmenuSol > ul > li {}
  .navigation .altMenu .altMenuler .altmenuSol > ul > li > a{}
  .navigation .altMenu.picTrue .altMenuler .altMenuSag{width: 320px;}
  .navigation .altMenu.picTrue .altMenuler .altmenuSol{width: calc(100% - 320px);}
  /*yanresimlimenu*/
  #header .yanResimliMenu {display: none;}
  /*dilsecenegi*/
  #lang_flag_container { top:0 !important; left:0!important;right: auto;bottom: auto; z-index: 9999 !important; position:relative !important;float:right;margin-left: 25px;}
  #lang_flag_container:after {position: absolute; width: 100%; right: 0; top:18px; height: 20px; content: '';display: none;}
  #lang_flag_container #lang-detail {display: none; left:auto !important;top: 100% !important;right: 0; border-top: none !important; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important;box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transform: translateY(30px);}
  #lang_flag_container:hover #lang-detail {display: block!important; visibility: visible; opacity: 1; -webkit-transform: none; transform: none;}
  #lang_flag_container:hover:after {display: block;}
  #lang {float: left; color: #000 !important; font-size: 14px !important;font-weight: normal;padding: 0 0 0 25px!important;line-height: 13px!important;}
  #lang span { font-weight: normal;float: left; line-height: 13px!important;}
  #lang_flag_container:hover #lang { color: #000 !important; font-weight: normal;}
  #langHover { padding:8.5px 0!important;float: left;}
  #langHover.white { background: transparent !important; }
  a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
  #lang-detail .language a{font-size:11px!important;text-align: left;}
  #lang-detail .currency a{font-size:11px!important;}
  #lang-detail p{font-size:12px!important;}
  /*Footer*/
  #footer { float: left; width: 100%; position: relative;background: #fff;}
  .FooterSC { float: left; width: 100%; position: relative;}
  .FooterTop { float: left; width: 100%; position: relative;}
  .FooterMiddle { float: left; width: 100%; position: relative;}
  .FooterBottom { float: left; width: 100%; position: relative;}
  /*ebulten*/
  .ebultenDiv {float: left;position: relative;}
  .ebultenGelecek {display: block;width: 100%;float: left;}
  #divNewsLetter {float: left;width: 100%;position: relative;display:none;}
  .ebultenGelecek #divNewsLetter {display: block;padding: 0;}
  #divNewsLetter label {display: none; margin-bottom: 25px; text-align: center; color: #000; line-height: 1.2; font-size: 12px;}
  #UpdatePanel1 {position: relative; float: right;width: 100%;}
  #txtbxNewsletterMail {height: 40px;font-size: 12px;color: #000;padding:0 40px 0 10px;background: #fff;border:none;border-radius:0;display: inline-block;width: 100%; text-align:left;font-weight: normal; opacity: 1;}
  #txtbxNewsletterMail::-webkit-input-placeholder {color: #000;}
  #txtbxNewsletterMail:-moz-placeholder {color: #000;}
  #txtbxNewsletterMail::-moz-placeholder {color: #000;}
  #txtbxNewsletterMail:-ms-input-placeholder {color: #000;}
  #txtbxNewsletterMail:focus {color: #000;}
  .ebultenDiv .newsbutton {color: #000; background: transparent;width: 40px;height: 40px;line-height:40px; font-size:13px;font-weight: 600; display: inline-block;position: absolute;right:0;top:0;text-align:center; border:none;border-radius:0; padding: 0;margin: 0!important;text-decoration: none;}
  .ebultenDiv .newsbutton:hover{color: #000;background: transparent;}
  /*footerlink*/
  #footer .linkler{ float: left; width: 100%; position: relative;padding: 55px 0;}
  #footer .linkler .blink { float: left;width:100%;margin:0}
  #footer .linkler .blink ul {margin: 0;padding: 0;list-style: none;}
  #footer .linkler .blink > ul { float: left;width: 100%; 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 .linkler .blink > ul > li {float: left;}
  #footer .linkler .blink > ul > li:last-child {margin-bottom: 0;}
  #footer .linkler .blink > ul li {display: block;}
  #footer .linkler .blink > ul >li> span{display: table;clear:left; font-size:14px;color: var(--ng-navy-900);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom: 10px;position: relative;}
  #footer .linkler .blink > ul >li> span .ackapabtn{display: none;}
  #footer .linkler .blink > ul >li >ul{display: inline-block;vertical-align:top;}
  #footer .linkler .blink > ul >li >ul >li >a{float: left;width: 100%;font-size:14px;color: var(--ng-navy-500);font-weight: normal;margin-bottom:10px;}
  #footer .linkler .blink > ul >li >ul >li:last-child >a{margin-bottom: 0;}
  #footer .linkler .blink > ul >li >ul >li >a:hover{text-decoration:underline;}
  @media screen and (min-width:769px) {
    #footer .linkler .blink > ul >li >ul{display: inline-block!important;}
  }
  /*footersocial*/
  #footer .socialdiv{float: left;clear: left;}
  #footer .socialdiv ul{padding: 0;margin: 0;list-style: none;}
  #footer .socialdiv ul li{float: left;margin-right: 20px;}
  #footer .socialdiv ul li:last-child{margin-right: 0;}
  #footer .socialdiv ul li a{float: left;color: #c4c4c4;font-size: 17px;}
  #footer .socialdiv ul li a i{display: inline-block;vertical-align:top;line-height: 17px;}
  /*store*/
  #footer .store{float: left;clear: left;}
  #footer .store ul {padding: 0;margin: 0;list-style: none;}
  #footer .store ul li{float: left;margin-right: 20px;}
  #footer .store ul li:last-child{margin-right: 0;}
  #footer .store ul li a{float: left;color: #c4c4c4;font-size: 17px;}
  #footer .store ul li a i{display: inline-block;vertical-align:top;line-height: 17px;}
  /*yukaribtn*/
  #back-to-top { float: right; position: fixed; right: 1%; bottom: 5%; z-index: 9999;display: none;}
  #back-to-top a {float: left;width: 40px;height: 40px;border-radius: 100%;background: var(--ng-navy-700);fill: #fff; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  #back-to-top a svg{height: 25px;}
  /*Footer*/
  /* ------------------------------------Vitrin urunleri--------------------------------------------*/
  .homeContainer .ProductListContent { float: left; width: 100%; margin:30px 0; position: relative;}
  .homeContainer .ProductListContent .ProductList {display:block;margin: 0 auto;}
  .homeContainer .ProductListContent .ItemOrj { padding: 0 10px; margin-bottom: 20px;width: 25%;max-width: 25%;}
  .homeContainer .ProductListContent .productItem { margin-bottom: 0; }
  /****************************************URUN KART*********************************/
  .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
  .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
  .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 33.33%;max-width: 33.33%;-webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%;}
  .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
  .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 20%;max-width: 20%;-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%;}

  .ProductListContent { float: left; width: 100%; }
  .categoryContainer .ProductListContent { float: left; width: 100%;}
  .categoryContainer .ProductList { margin: 0 -10px }
  .categoryContainer .ProductListContent .productItem { margin-bottom: 20px;}
  .ItemOrj { float: left;padding: 0 10px;width: 25%;max-width: 25%;-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;}
  /*urun*/
  .productItem { width: 100%; position: relative; text-align: center;display: inline-block;float: left;}
  .productItem:hover {box-shadow: none;}
  .productItem .productIcon {width:100%;float: left;}
  /*urunresim*/
  .productItem .productImage { position: relative; overflow: hidden; width: 100%;padding:0;float: left;border-radius: var(--ng-radius-img);background: var(--ng-bg-soft);}
  .productItem .productImage a, body .productItem .productImage a.Videolu{ display: block; position: relative;padding-bottom: 100%;height: 0;}
  /* Ticimax'in "body .productItem .productImage img { height:auto; width:auto }"
    kurali bizimkini eziyordu (body oneki daha guclu) - ayni onekle yaziliyor. */
  body .productItem .productImage img,
  body .productItem .productImage video,
  body .productItem .productImage .Videolu video {
    position: absolute; top:0; left:0; right:0; bottom:0;
    width: 100% !important; height: 100% !important;
    max-width: 100% !important; max-height: 100% !important;
    object-fit: cover; margin: auto; border-radius: 0;
    transition: transform 1s ease, opacity .25s ease;
  }
  /*urunaciklama*/
  .productItem .productDetail { display: block; float: left; width: 100%; text-align: center;padding:12px 8px 0;position: relative;}
  /*urunad*/
  .productItem .productName { position: relative;margin:0 0 6px 0;float:left;width: 100%;}
  /* Urun adi 16px: fiyatin (20px) yaninda daha kucuk boyutlar dengesiz kaliyordu. */
  .productItem .productName a { float: none; width: 100%; padding: 0; line-height:23px;height:46px; font-weight: 400; font-size: 16px; color: var(--ng-navy-700);overflow: hidden;text-align:center;white-space: normal;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-transform: uppercase;letter-spacing: .10em;}
  /*urunfiyat*/
  /* Fiyat blogu sabit yukseklik: uzun fiyatlarda iki fiyat yan yana
    sigmayip alt satira dusunce kartlar kayiyordu - fiyatlar artik her
    zaman alt alta, sabit yukseklikte (tema kurallarini ezmek icin body
    oneki ve !important gerekli). */
  /* MASAUSTU: fiyatlar alt alta, icerige gore esnek yukseklik.
    Onceden 26px sabitti ama icerik 52px'ti -> tasiyor ve ad ile
    fiyat arasi dengesiz gorunuyordu. */
  body .productItem .productPrice {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    height: auto !important;
    min-height: 46px !important;
    float: none !important;
    text-align: center !important;
    margin: 0 0 6px 0 !important;
    position: relative;
  }
  body .productItem .discountPrice,
  body .productItem .regularPrice {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    /* Uzun fiyatlar karttan tasmasin (mobilde yatay kaydirma yapiyordu) */
    max-width: 100% !important;
    width: auto !important;
    white-space: nowrap;
  }
  body .productItem .productPrice { width: 100% !important; max-width: 100% !important; overflow: hidden; }
  body .productItem .productDetail { overflow: hidden; }
  body .productItem .discountPriceSpan,
  body .productItem .regularPriceSpan {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body .productItem .discountPriceSpan { font-size: 17px; font-weight: 500; line-height: 1.15; }
  body .productItem .regularPriceSpan  { font-size: 13px; font-weight: 400; line-height: 1.15; }
  .productItem .discountPrice {display: inline-block;float: none;vertical-align:middle;margin:0 4px;}
  .productItem .discountPrice span {color: var(--ng-navy-700);font-size: 20px; line-height:1.2;font-weight:500;}
  .productItem .discountKdv, .productItem .regularKdv  {display:none;}
  .productItem .regularPrice { display:inline-block !important;float: none;vertical-align:middle;margin:0 4px;}
  .productItem .regularPrice span {font-size: 15px;color: var(--ng-navy-500);-moz-text-decoration-color: var(--ng-navy-500); text-decoration-color: var(--ng-navy-500); line-height: 1.2; font-weight:400; text-decoration: line-through;}
  /*urunpuan*/
  .productItem .productPoints{float: left;width: 100%;clear: none;margin-bottom: 5px;}
  .productItem .productPoints .rating{margin: 0;}
  .productItem .productPoints .rating i{color: #cacaca;font-size: 17px;margin-right: 1px;}
  .productItem .productPoints .rating i:last-child{margin-right: 0;}
  .productItem .productPoints [data-rating^='1'] .star-1{color: #ff8a00;}
  .productItem .productPoints [data-rating^='2'] .star-1{color: #ff8a00;}
  .productItem .productPoints [data-rating^='2'] .star-2{color: #ff8a00;}
  .productItem .productPoints [data-rating^='3'] .star-1{color: #ff8a00;}
  .productItem .productPoints [data-rating^='3'] .star-2{color: #ff8a00;}
  .productItem .productPoints [data-rating^='3'] .star-3{color: #ff8a00;}
  .productItem .productPoints [data-rating^='4'] .star-1{color: #ff8a00;}
  .productItem .productPoints [data-rating^='4'] .star-2{color: #ff8a00;}
  .productItem .productPoints [data-rating^='4'] .star-3{color: #ff8a00;}
  .productItem .productPoints [data-rating^='4'] .star-4{color: #ff8a00;}
  .productItem .productPoints [data-rating^='5'] i{color: #ff8a00;}
  /*Urun Iconlari*/
  .favori,.examineIcon,.discountIcon div, .discountIcon .discountIcon_s2{ z-index: 3; display: none;}
  .discountIcon span,.mycartIcon a span{font-weight: normal;}
  .favori a, .examineIcon a {display: block;}
  /* Sepete Ekle butonu */
  .productItem .productIcon{display:block !important;width:100%;float:none;margin:0;}
  .productItem .productIcon .mycartIcon{display:block !important;width:100%;z-index:3;}
  .productItem .productIcon .mycartIcon a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--ng-btn-h);background:#fff;border:1px solid var(--ng-line);border-radius:var(--ng-radius);color:var(--ng-navy-700);font-size:16px;font-weight:400;text-align:center;cursor:pointer;transition:all .2s ease;}
  .productItem .productIcon .mycartIcon a:hover{background:var(--ng-navy-700);border-color:var(--ng-navy-700);color:#fff;}
  .productItem .productIcon .examineIcon{display:none !important;}
  /*tukendi*/
  /* ============================================================
    SON DUZELTMELER (FAZ 11)
    ============================================================ */

  /* --- 11.1 ROZETLER: footer disinda, kendi beyaz alaninda --- */
  body .widgetContainer {
    background: #fff !important;
    padding: 56px 0 !important;
    margin: 0 !important;
    float: left;
    width: 100%;
    clear: both;
  }
  /* Son bolum ile rozetler arasinda nefes payi */
  /* Ust cizgi kaldirildi - rozetlerle ustundeki bolum arasinda
    ayirici cizgi istenmiyor. */

  /* Rozetler footer'dan disari tasinince geriye BOS bir kabuk kaliyor:
    .elementor-section (margin-top:100px + padding:20px + height:40px = 140px bosluk).
    Icerigi olmayan bu bolumu gizliyoruz. */
  body .footerTemp > .elementor-section:empty,
  body .footerTemp > .elementor-section:not(:has(.elementor-column)),
  body .footerTemp > .elementor-section.ngBosBolum {
    display: none !important;
  }

  /* Footer ust boslugu - rozet kabugu gizlendigi icin daha olculu */
  body #footer,
  body .footerTemp { padding-top: 40px !important; }

  /* --- 11.2 FOOTER BASLIKLARI: lacivert zeminde okunakli --- */
  body .footerTemp .eTempTitle1,
  body .footerTemp .eTempTitle,
  body .footerTemp .footerMenuTitle,
  body .footerTemp span.footerMenuTitle,
  body #footer .footerMenuTitle,
  body .footerTemp h3,
  body .footerTemp h4,
  body .footerTemp .elementor-heading-title {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    letter-spacing: .10em;
  }
  /* Bulten aciklama metni */
  body .footerTemp .eTempDesc,
  body .footerTemp .eTempTitle2 {
    color: rgba(255,255,255,.72) !important;
  }
  /* Footer menu linkleri */
  body .footerTemp .footerText li a,
  body .footerTemp ul li a {
    color: rgba(255,255,255,.76) !important;
    transition: color .3s ease;
  }
  body .footerTemp .footerText li a:hover,
  body .footerTemp ul li a:hover {
    color: var(--ng-gold-300) !important;
  }
  /* Telif satiri */
  body .footerTemp .footerBottomArea,
  body .footerTemp .footerBottomArea * {
    color: rgba(255,255,255,.55) !important;
  }
  /* Bulten kutusu */
  body .footerTemp #txtbxNewsletterMail,
  body #txtbxNewsletterMail {
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    color: #fff !important;
  }
  body .footerTemp .newsbutton,
  body .ebultenDiv .newsbutton {
    background: var(--ng-gold-500) !important;
    color: var(--ng-navy-900) !important;
    font-weight: 600 !important;
    letter-spacing: .10em;
  }

  /* --- 11.3 URUN DETAY KUTULARI: tek tip, sade hover --- */
  body .ProductIcon > div,
  body .ProductIcon2 > div,
  body .UAddToCollection,
  body .UIstekListemeEkle,
  body .UKarsilastirma,
  body .FiyatHaberVer,
  body .UrunKargoBedava,
  body .TavsiyeEtBtnContent,
  body .YorumYazbtnContent,
  body .SoruSorbtnContent,
  body .UGelinceHaberVer,
  body .UTelefonlaSiparis {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    background: var(--ng-bg-soft) !important;
    border: 1px solid transparent !important;
    border-radius: var(--ng-radius) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .3s ease, border-color .3s ease !important;
  }
  body .ProductIcon > div:hover,
  body .ProductIcon2 > div:hover,
  body .UAddToCollection:hover,
  body .UIstekListemeEkle:hover,
  body .UKarsilastirma:hover,
  body .FiyatHaberVer:hover,
  body .UrunKargoBedava:hover,
  body .TavsiyeEtBtnContent:hover,
  body .YorumYazbtnContent:hover,
  body .SoruSorbtnContent:hover {
    background-color: #F1F3F7 !important;   /* sadece hafif koyulasma */
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
  /* Ikon ve metin: hover'da sadece renk */
  body .ProductIcon > div:hover .boxIcon,
  body .ProductIcon2 > div:hover .boxIcon,
  body .UAddToCollection:hover .boxIcon,
  body .UAddToCollection:hover .box1 i,
  body .SoruSorbtnContent:hover .boxIcon {
    transform: none !important;
    fill: var(--ng-navy-700) !important;
    color: var(--ng-navy-700) !important;
  }
  body .ProductIcon > div:hover > a,
  body .ProductIcon2 > div:hover > a,
  body .UAddToCollection:hover > a,
  body .SoruSorbtnContent:hover > a {
    color: var(--ng-navy-700) !important;
  }
  /* --- TAVSIYE ET / YORUM YAZ / SORULAR: ic <a> cercevesi sorunu ---
    Bu uc kutuda ic <a> elemaninin KENDI 1px lacivert cercevesi var
    (digerlerinde yok). Dis kutuda overflow:hidden oldugu icin o
    cercevenin alt kenari kirpiliyor -> "ice cokmus" gorunum.
    Cozum: ic cerceveyi kaldir, cerceveyi dis kutu tasisin. --- */
  body .TavsiyeEtBtnContent > a,
  body .YorumYazbtnContent > a,
  body .SoruSorbtnContent > a,
  body .TavsiyeEtBtnContent > a:hover,
  body .YorumYazbtnContent > a:hover,
  body .SoruSorbtnContent > a:hover {
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  /* Dis kutular digerleriyle birebir ayni davransin */
  body .TavsiyeEtBtnContent,
  body .YorumYazbtnContent,
  body .SoruSorbtnContent {
    overflow: visible !important;
    border: 1px solid transparent !important;
    border-radius: var(--ng-radius) !important;
    background: var(--ng-bg-soft) !important;
  }
  body .TavsiyeEtBtnContent:hover,
  body .YorumYazbtnContent:hover,
  body .SoruSorbtnContent:hover {
    background-color: #F1F3F7 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /* Sorular kutusu ic yapisi digerleriyle ayni olsun */
  body .SoruSorbtnContent > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    width: 100% !important;
    height: 56px !important;
    padding: 8px 10px !important;
    background: transparent !important;
    color: var(--ng-navy-500) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    letter-spacing: .06em;
    text-align: center;
  }

  @media (max-width: 767px) {
    body .widgetContainer { padding: 36px 0 !important; }
    body #footer, body .footerTemp { padding-top: 36px !important; }
  }

  /* ============================================================
    MENU DUZENI (FAZ 10)
    ============================================================ */

  /* --- 10.1 MASAUSTU: acilir menu tam genislik --- */
  /* Sorun: .newHeaderNavigation position:relative + 580px idi,
    menu absolute olarak onun icine hapsoluyordu. */
  @media (min-width: 1042px) {
    body #headerNew .newHeaderNavigation:not(.mobileStyle) {
      position: static !important;   /* menu artik body'e gore konumlanir */
    }
    body #headerNew .header-bottom,
    body #headerNew .header-bottom-nav-wrapper,
    body #headerNew .nav.header-nav.header-bottom-nav,
    /* Asil sinirlayan buydu: .newHeaderNav position:relative idi,
      menu absolute olarak onun 580px'lik kutusuna hapsoluyordu */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNav {
      position: static !important;
    }
    /* Acilir panel: ekran genisliginde */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > .menu-wrap {
      position: absolute !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      max-width: none !important;
      padding: 26px 0 30px !important;
      /* Cok kategorili menuler ekrandan tasarsa kendi icinde kaydirilir */
      max-height: calc(100vh - 160px);
      overflow-y: auto;
    }
    /* Icerik ortalanmis ve sinirli genislikte - dengeli grid */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-row {
      max-width: 1320px !important;
      width: 100% !important;
      margin: 0 auto !important;
      padding: 0 40px !important;
      display: flex !important;
      gap: 40px;
      align-items: flex-start;
    }
    /* Kart izgarasi: esit sutunlar */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-kolon {
      display: grid !important;
      /* 6 sutun: kartlar ~193px olur (once 232px idi, cok buyuktu).
        17 kategorili Kolye menusu 1254px'ten 740px'e iner, ekrana sigar. */
      grid-template-columns: repeat(6, 1fr) !important;
      gap: 20px 16px !important;
      flex: 1 1 auto !important;
      width: auto !important;
      padding: 0 !important;
    }
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li {
      width: 100% !important;
      /* Bu <li> display:flex; flex-direction:column oldugu icin yatay
        ortalama justify-content degil align-items ile yapiliyor - tek
        cocuk <a> icerigine gore daraldiginda solda kalmasin diye. */
      align-items: center !important;
    }
    /* Kategori gorselleri sutuna gore olculendigi icin ~193px'e kadar
      cikiyordu - sabit bir ust sinir koyup ortalaniyor. */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .ngVitrinGorsel {
      width: 100% !important;
      max-width: 108px !important;
      height: auto !important;
      aspect-ratio: 1 / 1;
      margin: 0 auto 8px !important;
    }
    /* Kategori adlari okunurluk icin buyutuldu */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a {
      font-size: 13px !important;
      line-height: 1.4 !important;
    }
    /* Sag kapak gorseli - kartlarin YANINDA, altina dusmesin */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image {
      flex: 0 0 220px !important;
      width: 220px !important;
      max-width: 220px !important;
      align-self: flex-start;
      order: 2;
    }
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-kolon {
      order: 1;
    }
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image-row,
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image-list {
      width: 100% !important;
      display: block !important;
    }
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image img {
      width: 100% !important;
      height: auto !important;
      display: block;
      border-radius: 10px;
    }
    /* Kapak gorseli yoksa kart izgarasi tum genisligi kullansin */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image:empty {
      display: none !important;
    }
    /* 4 veya daha az kategori varsa sutun sayisini azalt - bosluk kalmasin */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-kolon:has(.kolon > li:nth-child(9)) {
      grid-template-columns: repeat(5, 1fr) !important;
    }
  }

  /* --- 10.1b KALABALIK KATEGORILER: kaydirma kalsin, cubuk gorunmesin ---
    Cok kategorili menuler (ornek: 17 kategorili Kolye) ekran yuksekligini
    asinca panel "overflow-y:auto" ile kaydirmali oluyor - bu dogru, ama
    varsayilan tarayici scrollbar'i (kalin gri cubuk) panelin sade
    gorunumunu bozuyor. Kaydirma islevi AYNEN kaliyor (mouse tekerlegi,
    trackpad, dokunmatik hepsi calisir) - sadece gorsel cubuk gizleniyor. */
  body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > .menu-wrap,
  body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav,
  body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap,
  body #headerNew .newHeaderNavigation.mobileStyle .dropDown-wrap {
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* eski Edge/IE */
  }
  body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > .menu-wrap::-webkit-scrollbar,
  body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav::-webkit-scrollbar,
  body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap::-webkit-scrollbar,
  body #headerNew .newHeaderNavigation.mobileStyle .dropDown-wrap::-webkit-scrollbar {
    display: none;                /* Chrome/Safari/Edge (Chromium) */
    width: 0;
    height: 0;
  }

  /* --- 10.2 MOBIL: soldan kayan tam ekran menu --- */
  @media (max-width: 1041px) {
    body #headerNew .newHeaderNavigation.mobileStyle {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 2147483000 !important;
      background: #fff !important;   /* panel tam ekran - karartmaya gerek yok */
      display: block !important;
      visibility: hidden;
      opacity: 0;
      transition: opacity .35s ease, visibility 0s linear .35s;
    }
    body #headerNew .newHeaderNavigation.mobileStyle.mobileactive {
      visibility: visible;
      opacity: 1;
      transition: opacity .35s ease, visibility 0s;
    }
    /* Panel: soldan kayarak girer */
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      /* Tam ekran - arkadaki sayfa gorunmesin */
      width: 100% !important;
      max-width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      background: #fff !important;
      box-shadow: none;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch;
      transform: translateX(-100%);
      transition: transform .38s cubic-bezier(.22,.61,.36,1);
    }
    body #headerNew .newHeaderNavigation.mobileStyle.mobileactive .newHeaderNav {
      transform: translateX(0);
    }
    /* Ust bolum (kapat butonu) */
    body #headerNew .newHeaderNavigation.mobileStyle .newMenuTop {
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      width: 100% !important;
      height: 58px !important;
      padding: 0 16px !important;
      background: var(--ng-bg-soft) !important;
      border-bottom: 1px solid var(--ng-line);
    }
    body #headerNew .newHeaderNavigation.mobileStyle .menuCloseBtn {
      width: 40px; height: 40px;
      display: flex; align-items: center; justify-content: center;
      color: var(--ng-navy-700);
      font-size: 20px;
      cursor: pointer;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .menuBackBtn {
      display: flex; align-items: center; gap: 8px;
      color: var(--ng-navy-700);
      font-size: 13px;
      letter-spacing: .08em;
    }
    /* Menu listesi */
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl {
      width: 100% !important;
      padding: 8px 0 40px !important;
      margin: 0 !important;
      list-style: none;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl > li {
      width: 100% !important;
      border-bottom: 1px solid #F0F2F5 !important;
      background: #fff !important;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl > li > a {
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      width: 100% !important;
      padding: 0 20px !important;
      line-height: 54px !important;
      color: var(--ng-navy-700) !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      letter-spacing: .10em;
      text-transform: uppercase;
    }
    /* Vitrin kartlari mobil menude gosterilmez - duz liste daha kullanisli */
    body #headerNew .newHeaderNavigation.mobileStyle .ngVitrinGorsel { display: none !important; }
    body #headerNew .newHeaderNavigation.mobileStyle .ngVitrinAd {
      padding-bottom: 0 !important;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .ngVitrinAd:after { display: none !important; }
    /* Alt menu panelleri: ana panelin TAM UZERINE gelir.
      Not: 'width:86%' ana panelin ICINDEN hesaplandigi icin alt menu
      daha dar cikiyordu (277px vs 323px). Ana panel zaten dogru
      genislikte oldugu icin alt menuye %100 veriyoruz. */
    body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap,
    body #headerNew .newHeaderNavigation.mobileStyle .dropDown-wrap {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: auto !important;
      width: 100% !important;
      max-width: none !important;
      min-height: 100vh !important;
      height: auto !important;
      background: #fff !important;
      overflow-y: auto !important;
      padding: 58px 0 40px !important;   /* ust: geri/kapat cubugu yuksekligi */
      z-index: 6 !important;
      /* transform yerine 'left' kullaniyoruz: bazi Ticimax kurallari
        transform'u eziyor, left daha guvenilir calisiyor. */
      left: -100% !important;
      transform: none !important;
      transition: left .34s cubic-bezier(.22,.61,.36,1), visibility 0s linear .34s;
      visibility: hidden;
    }
    /* Sadece ACIK olan alt menu gorunur */
    body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap.active,
    body #headerNew .newHeaderNavigation.mobileStyle .dropDown-wrap.active,
    body #headerNew .newHeaderNavigation.mobileStyle li.active > .menu-wrap,
    body #headerNew .newHeaderNavigation.mobileStyle li.open > .menu-wrap {
      left: 0 !important;
      transform: none !important;
      visibility: visible !important;
      transition: left .34s cubic-bezier(.22,.61,.36,1), visibility 0s;
    }
    /* Alt menu acikken ana listenin oklari arkadan gorunmesin */
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav:has(.menu-wrap.active) > .newHeaderNavUl,
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl:has(.menu-wrap.active) > li > a,
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl:has(.menu-wrap.active) > li > .nextKolonBtn {
      visibility: hidden;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl:has(.menu-wrap.active) > li > .menu-wrap.active,
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl:has(.menu-wrap.active) > li > .menu-wrap.active * {
      visibility: visible;
    }
    /* JS ile eklenen sinif - :has() destegi olmayan tarayicilar icin */
    body #headerNew .newHeaderNavigation.mobileStyle.ngAltMenuAcik .newHeaderNavUl > li > a,
    body #headerNew .newHeaderNavigation.mobileStyle.ngAltMenuAcik .newHeaderNavUl > li > .nextKolonBtn {
      visibility: hidden !important;
    }
    body #headerNew .newHeaderNavigation.mobileStyle.ngAltMenuAcik .menu-wrap.active,
    body #headerNew .newHeaderNavigation.mobileStyle.ngAltMenuAcik .menu-wrap.active * {
      visibility: visible !important;
    }

    /* Ana panel: yatay tasma olmasin, sagda gri serit gorunmesin */
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNav {
      overflow-x: hidden !important;
      border: none !important;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .newHeaderNavUl {
      width: 100% !important;
      max-width: 100% !important;
      overflow-x: hidden !important;
    }
    /* Oklar panel disina tasmasin */
    body #headerNew .newHeaderNavigation.mobileStyle .nextKolonBtn {
      right: 12px !important;
      z-index: 2 !important;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap .menu-list-kolon,
    body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap .kolon {
      display: block !important;
      grid-template-columns: none !important;
      width: 100% !important;
      padding: 0 !important;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap .kolon > li {
      width: 100% !important;
      border-bottom: 1px solid #F0F2F5;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap .kolon > li > a {
      display: flex !important;
      align-items: center;
      width: 100% !important;
      padding: 0 20px !important;
      line-height: 50px !important;
      text-align: left !important;
      font-size: 13px !important;
      letter-spacing: .08em;
    }
    body #headerNew .newHeaderNavigation.mobileStyle .menu-wrap .menu-list-image {
      display: none !important;
    }
    /* Menu acikken arka plan kaymasin */
    body.menuAcik { overflow: hidden; }
  }

  /* ============================================================
    DUZELTMELER (FAZ 9)
    ============================================================ */

  /* --- 9.2 ARAMA CUBUGU --- */
  body #divTopProductSearch,
  body #divTopProductSearch .header-search-form,
  body #divTopProductSearch .header-search-form-wrapper,
  body #divTopProductSearch .searchform-wrapper,
  body #divTopProductSearch .searchform,
  body #divTopProductSearch #divArama {
    width: 340px !important;
    max-width: 100% !important;
  }
  /* Arama, header'in sol padding'i ile hizali baslasin */
  body #headerNew .header-nav-main.nav-left,
  body #headerNew .flex-left .header-nav {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  /* Arama ikonu lacivert (beyaz kaliyordu) */
  body #btnKelimeAra,
  body #btnKelimeAra i,
  body #btnKelimeAra * { color: var(--ng-navy-700) !important; }
  body #btnKelimeAra:hover,
  body #btnKelimeAra:hover i { color: var(--ng-gold-600) !important; }
  body #divTopProductSearch .searchform-wrapper {
    height: 46px !important;
    background: var(--ng-bg-soft) !important;
    border: 1px solid var(--ng-line) !important;
    border-radius: var(--ng-radius) !important;
    overflow: hidden;
    transition: border-color .3s ease, background .3s ease;
  }
  body #divTopProductSearch .searchform-wrapper:focus-within {
    background: #fff !important;
    border-color: var(--ng-navy-700) !important;
  }
  body #txtbxArama {
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 8px 0 16px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: .06em;
    color: var(--ng-navy-700) !important;
    box-shadow: none !important;
  }
  body #txtbxArama::-webkit-input-placeholder { color: var(--ng-navy-500); }
  body #txtbxArama::-moz-placeholder { color: var(--ng-navy-500); }
  body #btnKelimeAra,
  body #divTopProductSearch .ux-search-submit {
    width: 46px !important;
    height: 46px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--ng-navy-700) !important;
    box-shadow: none !important;
    transition: color .3s ease;
  }
  body #btnKelimeAra:hover { background: transparent !important; }
  body #btnKelimeAra i { font-size: 15px !important; }

  /* --- 9.3 KATEGORI BARI: hesabim menusu ustte kalsin --- */
  body #headerNew .newHeaderNavigation,
  body #headerNew .header-bottom,
  body #headerNew .newHeaderNav {
    position: relative;
    z-index: 1 !important;
  }
  body #headerNew .header-main,
  body #headerNew #masthead {
    position: relative;
    z-index: 100 !important;
  }
  body #divHeaderUyeV2,
  body #divHeaderUyeV2 .nav-dropdown,
  body #headerNew .account-item,
  body #headerNew .nav-dropdown {
    z-index: 100000 !important;
  }

  /* --- 9.4 + 9.6 HOVER: hareket yok, sadece yumusak renk gecisi --- */
  /* Guven rozetleri */
  body .widgetContainer .widgetArea ul li .box {
    transition: background .35s ease, border-color .35s ease !important;
  }
  body .widgetContainer .widgetArea ul li .box:hover {
    background: #fff !important;
    border-color: var(--ng-line) !important;
    box-shadow: none !important;
    transform: none !important;
  }
  body .widgetContainer .widgetArea ul li .box:hover .iconArea { transform: none !important; }

  /* Urun detay eylem kutulari */
  body .ProductIcon > div,
  body .ProductIcon2 > div,
  body .UAddToCollection,
  body .UIstekListemeEkle,
  body .UKarsilastirma,
  body .FiyatHaberVer,
  body .UrunKargoBedava,
  body .TavsiyeEtBtnContent,
  body .YorumYazbtnContent {
    transition: background .35s ease, border-color .35s ease !important;
  }
  body .ProductIcon > div:hover,
  body .ProductIcon2 > div:hover,
  body .UAddToCollection:hover,
  body .UIstekListemeEkle:hover,
  body .UKarsilastirma:hover,
  body .FiyatHaberVer:hover,
  body .UrunKargoBedava:hover,
  body .TavsiyeEtBtnContent:hover,
  body .YorumYazbtnContent:hover {
    background: #fff !important;
    border-color: var(--ng-line) !important;
    box-shadow: none !important;
    transform: none !important;
  }
  body .ProductIcon > div:hover .boxIcon,
  body .ProductIcon2 > div:hover .boxIcon,
  body .UAddToCollection:hover .boxIcon,
  body .UAddToCollection:hover .box1 i {
    transform: none !important;
    fill: var(--ng-gold-600);
    color: var(--ng-gold-600) !important;
  }

  /* Butonlar: sadece renk soluklasmasi */
  body .basketBtn input,
  body .buyfast input,
  body .button,
  body input.uyeol,
  body .userLoginBtn,
  body .userSignBtn,
  body #btnUyeGirisYap,
  body .basketCompletebtn,
  body #koskerxStickyCart button {
    transition: background-color .35s ease, border-color .35s ease, color .35s ease, opacity .35s ease !important;
  }
  body .basketBtn input:hover,
  body .buyfast input:hover,
  body .button:hover,
  body input.uyeol:hover,
  body .userLoginBtn:hover,
  body .userSignBtn:hover,
  body #btnUyeGirisYap:hover,
  body .basketCompletebtn:hover,
  body #koskerxStickyCart button:hover {
    transform: none !important;
    box-shadow: none !important;
    opacity: .86;
  }

  /* Odeme kartlari: hover YOK (bilgi kutusu, tiklanabilir degil) */
  body .ngOdemeKart { transition: none !important; }
  body .ngOdemeKart:hover {
    border-color: var(--ng-line) !important;
    box-shadow: none !important;
    transform: none !important;
    background: #fff !important;
  }

  /* Sosyal ikonlar: sadece renk */
  body a.icon-box[title="Facebook"],
  body a.icon-box[title="Instagram"],
  body .icon-box[aria-current="social-media-widget"],
  body #footer .socialdiv ul li a {
    transition: background-color .35s ease, border-color .35s ease, color .35s ease !important;
  }
  body a.icon-box[title="Facebook"]:hover,
  body a.icon-box[title="Instagram"]:hover,
  body .icon-box[aria-current="social-media-widget"]:hover,
  body #footer .socialdiv ul li a:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  body a.icon-box[title="Facebook"]:hover i,
  body a.icon-box[title="Instagram"]:hover i { transform: none !important; }

  /* Yukari cik ve slider oklari */
  body #back-to-top a { transition: background-color .35s ease, border-color .35s ease, fill .35s ease !important; }
  body #back-to-top a:hover { transform: none !important; box-shadow: none !important; }
  body #mainHolder_divDesign .ProductListprev:hover,
  body #mainHolder_divDesign .ProductListnext:hover { transform: none !important; }

  /* Menu vitrin kartlari: gorsel zoom kalsin (o dogal), kart hareketi kalksin */
  body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover .ngVitrinGorsel {
    transform: none !important;
    box-shadow: 0 4px 14px -8px rgba(6,32,94,.18) !important;
  }

  /* Urun karti hover */
  body .productItem { transition: box-shadow .35s ease !important; }
  body .productItem:hover { transform: none !important; }

  /* --- SEPETE EKLE: beyaz zemin + beyaz yazi = gorunmezdi --- */
  body .basketBtn input,
  body input.btnAddBasketOnDetail {
    background: var(--ng-navy-700) !important;
    border: 1px solid var(--ng-navy-700) !important;
    color: #fff !important;
  }
  body .basketBtn input:hover,
  body input.btnAddBasketOnDetail:hover {
    background: var(--ng-navy-900) !important;
    border-color: var(--ng-navy-900) !important;
    color: #fff !important;
    opacity: 1 !important;
  }
  /* "Hemen Al" rengi burada degil "FORM VE BUTON BUTUNLUGU / Sekmeler"
     bolumunde tanimli (altin/gold) - iki yerde tanimlamak hover'da yazi
     kararma hatasina sebep oluyordu. */

  /* --- 9.7 AKORDEONLAR: yumusak acilis --- */
  /* Not: Panel acilisi jQuery slideDown ile yapiliyor (inline display:none).
    CSS max-height ile cakismamak icin animasyonu JS tarafinda hizlandirmak
    yerine, panelin ICERIGINE yumusak bir belirme veriyoruz. */
  body .urunOzellikTab .urunTab > ul > li .urunDetayPanel > * {
    animation: ngPanelAc .45s cubic-bezier(.22,.61,.36,1) both;
  }
  @keyframes ngPanelAc {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  /* +/- ikonunun donen-cizgi animasyonu "Sekmeler" bolumunde tek yerde
     tanimlaniyor (asagida, ~"Sekmeler: Yorumlar / Odeme Secenekleri..."
     basligi altinda) - tekrar/celiski olmasin diye burada ayrica
     tanimlanmiyor. */

  /* --- 9.8 FOOTER LACIVERT --- */
  body #footer,
  body .footerTemp,
  body .footerTemp .elementor-section,
  body .footerTemp .footerBottomArea {
    background: var(--ng-navy-900) !important;
  }
  body #footer *,
  body .footerTemp .footerText,
  body .footerTemp p,
  body .footerTemp span,
  body .footerTemp div {
    color: rgba(255,255,255,.78);
  }
  body #footer .linkler .blink > ul > li > span,
  body .footerTemp .titleH,
  body .footerTemp h3,
  body .footerTemp h4 {
    color: #fff !important;
  }
  body #footer .linkler .blink > ul > li > ul > li > a,
  body .footerTemp a {
    color: rgba(255,255,255,.72) !important;
    transition: color .3s ease;
  }
  body #footer .linkler .blink > ul > li > ul > li > a:hover,
  body .footerTemp a:hover {
    color: var(--ng-gold-300) !important;
  }
  body #txtbxNewsletterMail {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.22) !important;
    color: #fff !important;
  }
  body #txtbxNewsletterMail::-webkit-input-placeholder { color: rgba(255,255,255,.55); }
  body .ebultenDiv .newsbutton { color: var(--ng-gold-300) !important; }
  /* Sosyal ikonlar lacivert zeminde */
  body #footer .socialdiv ul li a,
  body a.icon-box[title="Facebook"],
  body a.icon-box[title="Instagram"] {
    border-color: rgba(232,209,176,.38) !important;
    color: var(--ng-gold-300) !important;
  }
  body a.icon-box[title="Facebook"]:hover,
  body a.icon-box[title="Instagram"]:hover {
    background: var(--ng-gold-500) !important;
    border-color: var(--ng-gold-500) !important;
    color: var(--ng-navy-900) !important;
  }
  /* Guven rozetleri lacivert footer'da degilse beyaz kalsin */
  body .widgetContainer { background: transparent; }

  @media (max-width: 767px) {
    body #divTopProductSearch .header-search-form-wrapper,
    body #divTopProductSearch .searchform-wrapper { width: 100% !important; }
  }

  /* ============================================================
    ANASAYFA DUZENI
    ------------------------------------------------------------
    Sorun 1: Banner uctan uca olsun diye .ticiContainer padding'i
              sifirlanmis; ama bu urun kartlarini da kenara yapistiriyordu.
    Sorun 2: Kategori gorselleri ile "En Cok Satan" bloklari bitisikti
              (aralarindaki bosluk 0px olcuLdu).
    Sorun 3: Slider oklari 43px - cok buyuk.
    Sorun 4: Slider gecisi sert.
    ============================================================ */

  /* --- 8.1 Banner uctan uca, icerik bloklari nefes alsin --- */
  /* Once tum hazir blok kapsayicilarina yan bosluk ver */
  body #mainHolder_divDesign .ticiContainer.hazirBlokContent {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  /* Banner/slider ICEREN bloklar uctan uca kalir - digerleri padding'li.
    Not: t-lr-0 sinifi neredeyse tum bloklarda var, o yuzden istisna
    sadece gercekten slider iceren kapsayicilara verilir. */
  body #mainHolder_divDesign .ticiContainer.hazirBlokContent:has(.anasayfa_tek_slider),
  body #mainHolder_divDesign .ticiContainer.hazirBlokContent:has(.HomePageSlideShowContainer),
  body #mainHolder_divDesign .ticiContainer.hazirBlokContent.anasayfa_tam_genislik,
  body #mainHolder_divDesign .anasayfa_tek_slider,
  body #mainHolder_divDesign .HomePageSlideShowContainer,
  body #pnlSlider {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* --- 8.1b ANA BANNER: "gec yuklenip asagi kayarak acilma" duzeltmesi ---
    Olcumle dogrulandi: Ticimax'in ana banner gorseli owl-carousel'in
    "lazy load" eklentisiyle geliyor (<img class="owl-lazy" data-src="...">,
    src YOK). Gorsel src'siz oldugu surece Ticimax'in kendi core CSS'i
    ".owl-lazy:not([src]){max-height:0}" uyguluyor -> banner alani JS
    calisana kadar (~2sn) neredeyse 0 yukseklikte kaliyor ("gec yukleniyor").
    Sonra owl-carousel init olup gercek yuksekligi hesaplayinca, yine
    Ticimax'in core CSS'indeki ".owl-height{transition:height 500ms
    ease-in-out}" kurali yuzden 0'dan gercek yuksekliğe YAVAŞÇA ACILIYOR
    ("asagi dogru acilan slide" gorunumu budur).
    Bu iki kural bundles/ticimax.coreV2.min.css icinde - bize ait degil,
    degistiremeyiz. Cozum: konteynere gorselin GERCEK en-boy oranini
    (1785x803, tum banner gorselleri bu olcude hazirlanmis) CSS ile
    PESIN veriyoruz. Boylece JS/gorsel yuklenmeden ONCE dogru yukseklik
    zaten ayrilmis oluyor -> ne 0'a cokme ne de sonradan acilma animasyonu
    gorunur (owl-carousel kendi yuksekligi zaten dogruysa transition'in
    gorunur bir etkisi kalmaz). object-fit:cover zaten var oldugu icin
    ileride farkli oranda bir banner yuklenirse de gorsel kirpilir,
    bozulmaz. */
  body #mainHolder_divDesign .anasayfa_tek_slider {
    aspect-ratio: 1785 / 803;
    overflow: hidden;
    background: var(--ng-bg-soft);
  }
  /* Not: oran kilidi owl-carousel init olduktan SONRA da kaldirilmiyor -
    ilk denemede "owl-loaded" sinifina baglanip serbest birakmistik ama
    bu sinif JS OLCUME BASLARKEN ekleniyor, olcum BITTIGINDE degil; sonuc
    olarak kilit tam da JS henuz yeni yukseklik hesaplarken kalkiyor ve
    0'a cokme + acilma animasyonu ayni sekilde devam ediyordu (olculdu).
    Kalici kilit daha guvenli: tum banner gorselleri ayni olculerde
    hazirlaniyor (dogrulandi), object-fit:cover farkli bir oran gelirse
    de gorseli kirpar, bozmaz.
    ONEMLI DUZELTME (2. tur): asagidaki kural ilk yazildiginda YANLIS
    seciciyle (".anasayfa_tek_slider.owl-height", bosluksuz - AYNI eleman
    iki sinifi BIRDEN tasimali) yazilmisti. Gercekte "owl-height" sinifi
    ".anasayfa_tek_slider" ile AYNI elemana degil, onun ICINDEKI
    ".owl-stage-outer" elemanina ekleniyor - yani eski kural HICBIR
    ZAMAN eslesmiyordu (olu kod), Ticimax'in orijinal "height:500ms"
    gecisi ic elemanda calismaya devam ediyordu. Disaridaki kutu
    (.anasayfa_tek_slider) aspect-ratio sayesinde sabit boyutta kaldigi
    icin CEVRESI zipla­miyordu ama .owl-stage-outer kendi yuksekligini
    0'dan gercek degere agir agir buyuturken, overflow:hidden'i sayesinde
    ICERIGI (banner gorseli) de o an ne kadar yukseklik varsa o kadar
    gorunuyordu - tam da "yukaridan asagiya tarama/acilma" gorunumu bu.
    Dogru duzeltme: ".owl-stage-outer.owl-height" oge­sini ".anasayfa_tek_slider"
    ICINDE (bosluklu - descendant) hedeflemek. */
  body #mainHolder_divDesign .anasayfa_tek_slider .owl-height {
    transition: none !important;
    height: 100% !important;
  }

  /* --- 8.2 Blok arasi bosluklar --- */
  /* Ticimax'in t-mb-0 sinifi bazi bloklarda bitisiklige yol aciyordu.
    Ardisik blok gruplarina asgari nefes payi veriyoruz. */
  body #mainHolder_divDesign .landing-block + .landing-block {
    margin-top: 0;
  }
  body #mainHolder_divDesign .landing-block.t-mb-0:not(:last-child) {
    margin-bottom: 70px !important;
  }
  /* Urun slider bloklari her zaman ustten ve alttan nefes alsin */
  body #mainHolder_divDesign .sliderBannerContainer {
    margin: 0 0 10px 0;
  }
  body #mainHolder_divDesign .landing-block:has(.sliderBannerContainer) {
    padding-top: 10px;
  }

  /* --- 8.3 SLIDER OKLARI: kucuk, yuvarlak, UI uyumlu --- */
  body #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
  body #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,
  body .owl-carousel .owl-nav .ProductListprev,
  body .owl-carousel .owl-nav .ProductListnext,
  body .owl-carousel .owl-nav .InstaGalleryprev,
  body .owl-carousel .owl-nav .InstaGallerynext {
    width: 42px !important;
    height: 42px !important;
    background-size: 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(6,32,94,.10) !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 14px -6px rgba(6,32,94,.28);
    opacity: 0;
    transition: opacity .35s ease,
                background-color .3s ease,
                border-color .3s ease,
                transform .35s cubic-bezier(.22,.61,.36,1),
                box-shadow .3s ease;
  }
  /* Oklar sadece uzerine gelince belirsin - daha temiz gorunum */
  body #mainHolder_divDesign .owl-carousel:hover .owl-nav .ProductListprev,
  body #mainHolder_divDesign .owl-carousel:hover .owl-nav .ProductListnext,
  body .owl-carousel:hover .owl-nav .ProductListprev,
  body .owl-carousel:hover .owl-nav .ProductListnext {
    opacity: 1;
  }
  body #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,
  body #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover,
  body .owl-carousel .owl-nav .ProductListprev:hover,
  body .owl-carousel .owl-nav .ProductListnext:hover {
    background-color: #fff !important;
    border-color: var(--ng-gold-500) !important;
    
  }
  /* Ana slider oklari her zaman gorunur: kucuk, cercevesiz, hafif cam
    zemin (tamamen zeminsiz yapilmadi - degisken banner fotograflarinda
    ok gorunmez hale gelebilir). */
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListprev,
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListnext {
    opacity: 1;
    width: 36px !important;
    height: 36px !important;
    background-size: 13px !important;
    background-color: rgba(255,255,255,.16) !important;
    border: none !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListprev:hover,
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListnext:hover {
    background-color: rgba(255,255,255,.28) !important;
  }
  /* Ok konumlari */
  body #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
  body .owl-carousel .owl-nav .ProductListprev { left: 18px !important; }
  body #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext,
  body .owl-carousel .owl-nav .ProductListnext { right: 18px !important; }
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListprev { left: 28px !important; }
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListnext { right: 28px !important; }

  /* Bu sitede oklar "#mainHolder_divDesign .ProductListprev" seciciyle de
    stillendirilmis (46x43px, 12px radius). Ayni ozgullukle eziyoruz. */
  body #mainHolder_divDesign .ProductListprev,
  body #mainHolder_divDesign .ProductListnext {
    width: 42px !important;
    height: 42px !important;
    background-size: 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(6,32,94,.10) !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 14px -6px rgba(6,32,94,.28);
    transition: opacity .35s ease, background-color .3s ease,
                border-color .3s ease, transform .35s cubic-bezier(.22,.61,.36,1),
                box-shadow .3s ease;
  }
  /* Ok icindeki metin karakteri (‹ ›) gizlensin - arka plan gorseli kullaniliyor */
  body #mainHolder_divDesign .ProductListprev span,
  body #mainHolder_divDesign .ProductListnext span {
    font-size: 0 !important;
    line-height: 0 !important;
  }
  body #mainHolder_divDesign .ProductListprev:hover,
  body #mainHolder_divDesign .ProductListnext:hover {
    background-color: #fff !important;
    border-color: var(--ng-gold-500) !important;
    
  }
  /* Ana banner oklari: cam efektli, her zaman gorunur, minimal */
  body #mainHolder_divDesign .anasayfa_tek_slider .ProductListprev,
  body #mainHolder_divDesign .anasayfa_tek_slider .ProductListnext {
    width: 36px !important;
    height: 36px !important;
    background-size: 13px !important;
    background-color: rgba(255,255,255,.16) !important;
    border: none !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 1 !important;
  }
  body #mainHolder_divDesign .anasayfa_tek_slider .ProductListprev:hover,
  body #mainHolder_divDesign .anasayfa_tek_slider .ProductListnext:hover {
    background-color: rgba(255,255,255,.28) !important;
  }

  /* --- 8.4 SLIDER GECISI: yavas ve yumusak --- */
  body #mainHolder_divDesign .owl-carousel .owl-stage,
  body .owl-carousel .owl-stage {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94) !important;
  }
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-item img {
    transition: transform 8s cubic-bezier(.22,.61,.36,1);
  }
  /* Banner gorseli oranini korusun (object-fit:fill idi - eziliyordu) */
  body #mainHolder_divDesign .anasayfa_tek_slider .owl-item img {
    object-fit: cover !important;
    width: 100% !important;
    display: block;
  }

  /* Aktif slaytta cok hafif zoom - premium his */
  body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-item.active img {
    transform: scale(1.04);
  }
  /* Nokta gostergeler sade: hepsi ayni yuvarlak, sadece renk + hafif
    buyume degisiyor. width yerine transform:scale kullanmak PageSpeed'in
    "non-composited animation" uyarisini da ortadan kaldiriyor. */
  body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,
  body .owl-carousel .owl-dots .owl-dot {
    width: 7px !important; height: 7px !important;
    margin: 0 4px !important;
    background: rgba(255,255,255,.45) !important;
    border-radius: 50% !important;
    transform: scale(1);
    transition: background .3s ease, transform .3s ease;
  }
  body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,
  body .owl-carousel .owl-dots .owl-dot.active {
    background: var(--ng-gold-500) !important;
    width: 7px !important;
    border-radius: 50% !important;
    transform: scale(1.4);
  }
  /* Ticimax'in ".owl-dot span"i butonun tam uzerine oturan beyaz dolgulu
    bir <span> - ustteki background rengi bunun altinda kalip hic
    gorunmuyordu, span'i saydam yapip gercek rengi gosteriyoruz. */
  body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span,
  body .owl-carousel .owl-dots .owl-dot span {
    background: transparent !important;
  }

  /* --- 8.5 CEREZ KUTUSU: Jost fontu ---
    Kullanilan kutuphane CookieConsent (.cm-wrapper / .cm__title).
    Varsayilan fontu -apple-system idi. */
  body .cm-wrapper,
  body .cm-wrapper *,
  body .cm,
  body .cm *,
  body .cm__title,
  body .cm__desc,
  body .cm__btn,
  body .cm__texts,
  body .cm__body,
  body .pm-wrapper,
  body .pm-wrapper *,
  body #cc-main,
  body #cc-main *,
  body [class^="cm__"],
  body [class^="pm__"],
  body [class*="consent"],
  body [class*="cookie"] {
    font-family: 'Jost', sans-serif !important;
  }
  /* Cerez butonlari da UI diline yaklassin */
  body .cm__btn {
    border-radius: var(--ng-radius) !important;
    font-weight: 600 !important;
    letter-spacing: .08em;
    font-size: 12px !important;
    text-transform: uppercase;
  }
  body .cm__title {
    letter-spacing: .06em;
    font-weight: 600 !important;
  }

  @media (max-width: 1100px) {
    body #mainHolder_divDesign .ticiContainer.hazirBlokContent {
      padding-left: 24px !important;
      padding-right: 24px !important;
    }
  }
  @media (max-width: 767px) {
    body #mainHolder_divDesign .ticiContainer.hazirBlokContent {
      padding-left: 12px !important;
      padding-right: 12px !important;
    }
    /* Mobilde banner yine uctan uca */
    body #mainHolder_divDesign .anasayfa_tek_slider,
    body #mainHolder_divDesign .HomePageSlideShowContainer,
    body #pnlSlider {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    body #mainHolder_divDesign .landing-block.t-mb-0:not(:last-child) {
      margin-bottom: 44px !important;
    }
    /* Mobilde oklar daha kucuk */
    body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListprev,
    body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListnext {
      width: 36px !important; height: 36px !important; background-size: 13px !important;
    }
    body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListprev { left: 12px !important; }
    body #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListnext { right: 12px !important; }
    /* Urun slider oklari mobilde gizli - parmakla kaydiriliyor */
    body #mainHolder_divDesign .owl-carousel:not(.anasayfa_tek_slider) .owl-nav { display: none !important; }
  }

  /* ============================================================
    HEADER GLASSMORPHISM
    ------------------------------------------------------------
    Hafif beyaz baskin + blur. Arka plan sezilir ama okumayi bozmaz.
    Onemli: once DUZ renk tanimlanir (eski Android'de backdrop-filter
    desteklenmez - o zaman duz beyaz gorunur, bozulmaz).
    Footer'a UYGULANMIYOR: arkasinda bulaniklasacak icerik yok.
    ============================================================ */

  /* Yedek: duz beyaz (important YOK - boylece asagidaki cam efekti ezebilir).
    backdrop-filter desteklenmeyen tarayicilarda bu deger yururlukte kalir. */
  body #headerNew .header-main,
  body #headerNew.fixed .header-main,
  body #headerNew .header-wrapper {
    background: #fff;
  }

  /* Glassmorphism - sadece destekleyen tarayicilarda (important ile ezer) */
  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    body #headerNew .header-main,
    body #headerNew.fixed .header-main {
      background: rgba(255,255,255,.72) !important;
      -webkit-backdrop-filter: blur(14px) saturate(150%);
      backdrop-filter: blur(14px) saturate(150%);
      border-bottom: 1px solid rgba(6,32,94,.06);
      transition: background .35s ease, box-shadow .35s ease;
    }
    /* Sayfa kayarken biraz daha opak - okunurluk artar. */
    body #headerNew.gectop .header-main {
      background: rgba(255,255,255,.86) !important;
    }
    /* Acilir kategori paneli (.menu-wrap) eskiden header ile ayni cam
      efektini (backdrop-filter + saydamlik) kullaniyordu, ama panel arka
      plani gercekte kendi atasi olan ".header-bottom"dan geliyordu (kendi
      arka plani saydam) - backdrop-filter kendi kutusu disindaki
      pikselleri ornekleyemedigi icin panelin ust kenarinda ince, farkli
      bulanan bir serit olusuyordu. Cozum: panelden cam efektini tamamen
      kaldirip kategori barinin gercek arka planiyla (duz #fff, opak) ayni
      yuzey yapmak - iki eleman da solid oldugu icin aralarinda uyusmazlik
      kalmiyor. Bedeli: panel artik "buzlu cam" hissi vermiyor, duz beyaz. */
    body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > .menu-wrap {
      background: #fff !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      border-bottom: 1px solid rgba(6,32,94,.06);
      box-shadow: 0 12px 32px -18px rgba(6,32,94,.28);
    }
    /* Arama kutusu cam uzerinde biraz daha belirgin dursun */
    body #divTopProductSearch .searchform-wrapper {
      background: rgba(255,255,255,.62) !important;
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
    }
  }

  /* Ust duyuru seridi: cam degil, tam opak lacivert kalir */
  body #top-bar {
    background: var(--ng-navy-900) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  /* Duyuru yazisi <b> etiketiyle geldigi icin tarayici varsayilani 700
     (kalin) uyguluyordu - 550'ye dusuruldu. */
  body #top-bar b {
    font-weight: 550;
  }

  @media (max-width: 767px) {
    /* Mobilde daha opak - kucuk ekranda okunurluk oncelikli */
    @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
      body #headerNew .header-main,
      body #headerNew.fixed .header-main {
        background: rgba(255,255,255,.90) !important;
        -webkit-backdrop-filter: blur(12px) saturate(140%);
        backdrop-filter: blur(12px) saturate(140%);
      }
    }
  }

  /* ============================================================
    FORM VE BUTON BUTUNLUGU
    ------------------------------------------------------------
    Olcum sonucu tespit edilen dagiiniklik:
      Fontlar : Arial, Judson, Segoe UI, Manrope  (4 farkli)
      Renkler : #15284B, #0C2380                  (2 farkli lacivert)
      Kose    : 0px, 4px, 85px                    (3 farkli)
    Hepsi tek dile getiriliyor.
    ============================================================ */

  /* --- TUM INPUT / SELECT / TEXTAREA --- */
  body input[type="text"],
  body input[type="email"],
  body input[type="password"],
  body input[type="tel"],
  body input[type="number"],
  body input[type="search"],
  body input.textbox,
  body select,
  body select.selectboxx,
  body textarea,
  body .uyeOlContainer .uyeOlCol input.textbox,
  body .uyeOlContainer .uyeOlCol select.selectboxx,
  body .iletisimContent .iletisimForm .rowLeft .span .Right input,
  body .iletisimContent .iletisimForm .rowRight .span .Right input,
  body .iletisimContent .iletisimForm .rowRight .span .Right textarea,
  body #txtUyeGirisEmail,
  body #txtUyeGirisPassword,
  body #txtQuickTelLogin,
  body #txtGuvenlikKodu {
    font-family: 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: .06em;
    color: var(--ng-navy-700) !important;
    background: #fff !important;
    border: 1px solid var(--ng-line) !important;
    border-radius: var(--ng-radius) !important;
    padding: 0 16px !important;
    height: 48px !important;
    line-height: 46px !important;
    box-shadow: none !important;
    transition: border-color .3s ease, box-shadow .3s ease;
  }
  body textarea,
  body .iletisimContent .iletisimForm .rowRight .span .Right textarea {
    height: auto !important;
    min-height: 120px !important;
    line-height: 1.6 !important;
    padding: 14px 16px !important;
    resize: vertical;
  }
  body input[type="text"]:focus,
  body input[type="email"]:focus,
  body input[type="password"]:focus,
  body input[type="tel"]:focus,
  body input.textbox:focus,
  body select:focus,
  body textarea:focus,
  body #txtUyeGirisEmail:focus,
  body #txtUyeGirisPassword:focus {
    border-color: var(--ng-gold-500) !important;
    box-shadow: 0 0 0 3px rgba(193,156,96,.14) !important;
    outline: none !important;
  }
  body input::-webkit-input-placeholder,
  body textarea::-webkit-input-placeholder { color: var(--ng-navy-500); opacity: 1; }
  body input::-moz-placeholder,
  body textarea::-moz-placeholder { color: var(--ng-navy-500); opacity: 1; }
  body input:-ms-input-placeholder,
  body textarea:-ms-input-placeholder { color: var(--ng-navy-500); }

  /* Select oku */
  body select,
  body select.selectboxx {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235E718D' d='M1.4 0L6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    padding-right: 40px !important;
    cursor: pointer;
  }

  /* --- ETIKETLER --- */
  body label,
  body .uyeOlContainer .uyeOlCol label,
  body .iletisimContent .iletisimForm .rowLeft .span .Left,
  body .iletisimContent .iletisimForm .rowRight .span .Left {
    font-family: 'Jost', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .08em;
    color: var(--ng-navy-700) !important;
    text-transform: uppercase;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
  }

  /* --- ANA BUTONLAR (dolu lacivert) --- */
  body .button,
  body input.uyeol,
  body .userLoginBtn,
  body .userSignBtn,
  body .userPassBtn input,
  body #btnUyeGirisYap,
  body .iletisimContent .iletisimForm .rowRight .iletisimBtn input,
  body .basketCompletebtn,
  body .alisverisedevamet,
  body #AdresContent .button,
  body .YeniAdresEkle {
    font-family: 'Jost', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    height: 50px !important;
    line-height: 48px !important;
    padding: 0 26px !important;
    border-radius: var(--ng-radius) !important;
    background: var(--ng-navy-700) !important;
    border: 1px solid var(--ng-navy-700) !important;
    color: #fff !important;
    cursor: pointer;
    transition: background .3s ease, border-color .3s ease,
                transform .2s ease, box-shadow .3s ease;
  }
  body .button:hover,
  body input.uyeol:hover,
  body .userLoginBtn:hover,
  body .userSignBtn:hover,
  body #btnUyeGirisYap:hover,
  body .iletisimContent .iletisimForm .rowRight .iletisimBtn input:hover,
  body .basketCompletebtn:hover {
    background: var(--ng-navy-900) !important;
    border-color: var(--ng-navy-900) !important;
    
  }

  /* --- IKINCIL BUTON (cerceveli) --- */
  body .alisverisedevamet,
  body .userPassBtn a,
  body a.YeniAdresEkle {
    background: #fff !important;
    border: 1px solid var(--ng-line) !important;
    color: var(--ng-navy-700) !important;
  }
  body .alisverisedevamet:hover,
  body a.YeniAdresEkle:hover {
    background: var(--ng-navy-700) !important;
    border-color: var(--ng-navy-700) !important;
    color: #fff !important;
  }

  /* --- ONAY KUTULARI --- */
  body input[type="checkbox"],
  body input[type="radio"] {
    width: 17px !important;
    height: 17px !important;
    accent-color: var(--ng-navy-700);
    cursor: pointer;
    vertical-align: middle;
  }
  body .uyeOlContainer .uyeOlColItem.checkboxItem label span,
  body #chkSozlesme + label,
  body .userSozlesmeDiv label,
  body .userMail label,
  body .userSms label {
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .04em;
    text-transform: none !important;
    color: var(--ng-navy-500) !important;
    line-height: 1.6 !important;
  }

  /* --- FORM BASLIKLARI --- */
  body .uyeOlContainer .FormTitle,
  body .userLogin .newuserForm .title h4,
  body .iletisimContent .categoryTitle .categoryTitleText {
    font-family: 'Jost', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: var(--ng-navy-900) !important;
  }

  /* --- FORM KUTULARI --- */
  body .uyeOlContainer #FrmYeniUye > .uyeOlCol,
  body .userContainer .userLeftBox,
  body .userContainer .userRightBox {
    background: #fff !important;
    border: 1px solid var(--ng-line) !important;
    border-radius: var(--ng-radius-img) !important;
  }

  /* --- HATA MESAJLARI --- */
  body .validate, body .validateSol, body .validateOrta {
    font-family: 'Jost', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: .04em;
    border-radius: 4px !important;
  }

  /* --- ARAMA KUTUSU (85px yaricap sorunu) --- */
  body #btnKelimeAra,
  body .ux-search-submit {
    border-radius: 0 var(--ng-radius) var(--ng-radius) 0 !important;
    font-family: 'Jost', sans-serif !important;
  }
  body #txtbxArama {
    font-family: 'Jost', sans-serif !important;
    letter-spacing: .06em;
  }

  /* --- SEPET / ODEME ADIMLARI --- */
  body .Basketstep ul li span,
  body .OdemeMenu ul li a {
    font-family: 'Jost', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  @media (max-width: 767px) {
    body input[type="text"], body input[type="email"], body input[type="password"],
    body input[type="tel"], body input.textbox, body select, body select.selectboxx,
    body #txtUyeGirisEmail, body #txtUyeGirisPassword {
      height: 46px !important;
      line-height: 44px !important;
      font-size: 13px !important;
      padding: 0 14px !important;
    }
    body .button, body input.uyeol, body .userLoginBtn, body .userSignBtn,
    body #btnUyeGirisYap, body .basketCompletebtn {
      height: 48px !important;
      line-height: 46px !important;
      font-size: 12px !important;
      padding: 0 18px !important;
    }
    body label { font-size: 11px !important; }
    body .uyeOlContainer .FormTitle { font-size: 18px !important; }
  }

  /* ============================================================
    GUVEN ROZETLERI
    ------------------------------------------------------------
    Sorun: yukseklikler 39/39/46/47/37px, genislikler 190-316px.
    Uzun metinler iki satira dusup hizayi bozuyordu.
    Cozum: esit yukseklik, esit pay, ortalanmis ikon + metin.
    ============================================================ */
  body .widgetContainer { padding: 8px 0; }

  body .widgetContainer .widgetArea ul {
    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center !important;
    -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch !important;
    gap: 12px !important;
    width: 100%;
    margin: 0; padding: 0;
    list-style: none;
  }
  body .widgetContainer .widgetArea ul li {
    -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0 !important;
    min-width: 170px;
    max-width: 260px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
  }
  body .widgetContainer .widgetArea ul li .box {
    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -ms-flex-direction: column; flex-direction: column;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center !important;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center !important;
    gap: 10px !important;
    width: 100%;
    height: 100%;
    min-height: 116px;
    padding: 18px 12px !important;
    background: var(--ng-bg-soft);
    border: 1px solid transparent;
    border-radius: var(--ng-radius);
    text-align: center;
    transition: background .35s ease, border-color .35s ease,
                box-shadow .35s ease, transform .35s cubic-bezier(.22,.61,.36,1);
  }
  body .widgetContainer .widgetArea ul li .box:hover {
    background: #fff;
    border-color: var(--ng-gold-500);
    box-shadow: 0 8px 22px -10px rgba(6,32,94,.25);
    transform: translateY(-3px);
  }

  /* Ikon alani: sabit olcu, ortalanmis */
  body .widgetContainer .widgetArea ul li .iconArea {
    -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    width: 40px; height: 40px;
    margin: 0 !important;
    transition: transform .4s cubic-bezier(.22,.61,.36,1);
  }
  body .widgetContainer .widgetArea ul li .box:hover .iconArea {  }
  body .widgetContainer .widgetArea ul li .iconArea svg {
    width: 30px !important;
    height: 30px !important;
    display: block;
  }
  body .widgetContainer .widgetArea ul li .iconArea svg path,
  body .widgetContainer .widgetArea ul li .iconArea svg g {
    fill: var(--ng-navy-500);
    transition: fill .35s ease;
  }
  body .widgetContainer .widgetArea ul li .box:hover .iconArea svg path,
  body .widgetContainer .widgetArea ul li .box:hover .iconArea svg g {
    fill: var(--ng-gold-600);
  }

  /* Metin: sabit iki satir alani, hiza korunur */
  body .widgetContainer .widgetArea ul li .contentArea {
    -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;
    width: 100%;
  }
  body .widgetContainer .widgetArea ul li .contentArea .titleH {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 34px;
    color: var(--ng-navy-700) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
    transition: color .35s ease;
  }
  body .widgetContainer .widgetArea ul li .box:hover .contentArea .titleH {
    color: var(--ng-navy-900) !important;
  }
  /* Satir sonu zorlamalarini kaldir - metin kendi akisinda sarsin */
  body .widgetContainer .widgetArea ul li .contentArea .titleH br { display: none; }

  @media (max-width: 1100px) {
    body .widgetContainer .widgetArea ul li { min-width: 150px; }
    body .widgetContainer .widgetArea ul li .box { min-height: 108px; padding: 14px 8px !important; }
  }
  @media (max-width: 767px) {
    body .widgetContainer .widgetArea ul {
      /* Tema mobilde flex-direction:column veriyordu - satir yonune zorluyoruz */
      -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important; flex-direction: row !important;
      -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important;
      gap: 8px !important;
    }
    body .widgetContainer .widgetArea ul li {
      -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 4px); flex: 0 0 calc(50% - 4px) !important;
      min-width: 0;
      max-width: none;
    }
    /* Tek kalan son rozet tam genislik alsin */
    body .widgetContainer .widgetArea ul li:last-child:nth-child(odd) {
      -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% !important;
    }
    body .widgetContainer .widgetArea ul li .box {
      min-height: 96px;
      padding: 14px 8px !important;
      gap: 8px !important;
    }
    body .widgetContainer .widgetArea ul li .iconArea { width: 32px; height: 32px; }
    body .widgetContainer .widgetArea ul li .iconArea svg { width: 25px !important; height: 25px !important; }
    body .widgetContainer .widgetArea ul li .contentArea .titleH {
      font-size: 10.5px !important;
      line-height: 14px !important;
      min-height: 28px;
      letter-spacing: .06em;
    }
  }

  /* ============================================================
    SOSYAL MEDYA / FOOTER / SEPET BARI
    ============================================================ */

  /* --- 4.1 SOSYAL MEDYA IKONLARI: premium yuvarlak --- */
  body .icon-box[aria-current="social-media-widget"],
  body a.icon-box[title="Facebook"],
  body a.icon-box[title="Instagram"],
  body a.icon-box[title="Twitter"],
  body a.icon-box[title="X"],
  body a.icon-box[title="Youtube"],
  body a.icon-box[title="TikTok"],
  body #footer .socialdiv ul li a {
    display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center !important;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 1px solid rgba(232,209,176,.38) !important;
    color: var(--ng-gold-300) !important;
    transition: background .35s cubic-bezier(.22,.61,.36,1),
                border-color .35s ease,
                color .35s ease,
                transform .35s cubic-bezier(.22,.61,.36,1);
  }
  body .icon-box[aria-current="social-media-widget"]:hover,
  body a.icon-box[title="Facebook"]:hover,
  body a.icon-box[title="Instagram"]:hover,
  body a.icon-box[title="Twitter"]:hover,
  body a.icon-box[title="X"]:hover,
  body a.icon-box[title="Youtube"]:hover,
  body a.icon-box[title="TikTok"]:hover,
  body #footer .socialdiv ul li a:hover {
    background: var(--ng-gold-500) !important;
    border-color: var(--ng-gold-500) !important;
    color: var(--ng-navy-900) !important;
    
  }
  body .icon-box[aria-current="social-media-widget"] i,
  body a.icon-box[title="Facebook"] i,
  body a.icon-box[title="Instagram"] i,
  body #footer .socialdiv ul li a i {
    font-size: 16px !important;
    line-height: 1 !important;
    margin: 0 !important;
    letter-spacing: normal !important;
    transition: transform .35s cubic-bezier(.22,.61,.36,1);
  }
  body .icon-box[aria-current="social-media-widget"]:hover i,
  body a.icon-box[title="Facebook"]:hover i,
  body a.icon-box[title="Instagram"]:hover i {
    
  }
  /* Ikonlar arasi bosluk */
  body .footerTemp .appMediaDiv,
  body #footer .socialdiv ul {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    gap: 12px;
  }
  body #footer .socialdiv ul li { margin: 0 !important; }

  /* --- 4.2 FOOTER ALT BOSLUK (sepet bari engellemesin) --- */
  body #footer,
  body .footerTemp {
    padding-bottom: 80px !important;   /* sepet bari 66px + 14px nefes */
  }

  /* --- 4.3 SEPET BARI: lacivert + UI uyumlu --- */
  body #koskerxStickyCart {
    background: var(--ng-navy-700) !important;
    box-shadow: 0 -6px 24px -8px rgba(6,32,94,.45) !important;
    padding: 10px 16px !important;
    border-top: 1px solid rgba(232,209,176,.18);
  }
  body #koskerxStickyCart img {
    border: 1px solid rgba(255,255,255,.22) !important;
    background: rgba(255,255,255,.08);
  }
  /* Urun adi */
  body #koskerxStickyCart > div > div:first-child {
    color: rgba(255,255,255,.78) !important;
    font-size: 12px !important;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  /* Fiyat */
  body #koskerxStickyCartPrice,
  body #koskerxStickyCart > div > div:last-child {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
  }
  /* Buton */
  body #koskerxStickyCart button {
    background: var(--ng-gold-500) !important;
    color: var(--ng-navy-900) !important;
    border-radius: var(--ng-radius) !important;
    padding: 12px 24px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .10em;
    text-transform: uppercase;
    transition: background .3s ease, transform .2s ease, box-shadow .3s ease;
  }
  body #koskerxStickyCart button:hover {
    background: var(--ng-gold-300) !important;
    
  }

  /* --- 4.4 YUKARI CIK BUTONU --- */
  body #back-to-top {
    right: 16px !important;
    bottom: 96px !important;   /* sepet barinin ustunde kalir */
    z-index: 2147483001 !important;   /* sepet barindan bir tik yukarida */
  }
  body #back-to-top a {
    width: 44px !important;
    height: 44px !important;
    background: var(--ng-navy-700) !important;
    border: 1px solid rgba(232,209,176,.35) !important;
    fill: var(--ng-gold-300) !important;
    box-shadow: 0 6px 20px -8px rgba(6,32,94,.5);
    transition: background .35s ease, transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease;
  }
  body #back-to-top a:hover {
    background: var(--ng-gold-500) !important;
    border-color: var(--ng-gold-500) !important;
    fill: var(--ng-navy-900) !important;
    
  }
  body #back-to-top a svg { height: 22px !important; }

  /* --- 4.5 TICIMAX LOGOSU KALDIRILDI --- */
  body .mobilTicimaxLogo,
  body #ticimaxCopyright,
  body #divTicimaxCopyrightContent {
    display: none !important;
  }

  @media (max-width: 767px) {
    body #footer,
    body .footerTemp { padding-bottom: 130px !important; }  /* mobilde alt nav + sepet bari */
    body #back-to-top { bottom: 140px !important; right: 12px !important; }
    body #back-to-top a { width: 40px !important; height: 40px !important; }
    body .icon-box[aria-current="social-media-widget"],
    body a.icon-box[title="Facebook"],
    body a.icon-box[title="Instagram"],
    body #footer .socialdiv ul li a { width: 38px !important; height: 38px !important; }
    body #koskerxStickyCart button { padding: 10px 16px !important; font-size: 11px !important; }
    body #koskerxStickyCart > div > div:first-child { font-size: 11px !important; }
    body #koskerxStickyCartPrice { font-size: 14px !important; }
  }

  /* ============================================================
    KATEGORI KAPAK BANNER
    ------------------------------------------------------------
    Kategori sayfasinin ustunde genis kapak gorseli.
    Saf gradyan tabanli: fotograf gerektirmez, her ekranda net.
    Hangi kategoride gorunecegi JS tarafindaki KAPAK_BANNERLARI
    listesinden belirlenir.

    Oran sabit (aspect-ratio) - gorsel ezilmez/skew olmaz.
    ============================================================ */
  .ngKapak{
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 24px;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 1800/430;              /* oran kilidi */
    background:
      radial-gradient(120% 140% at 88% 18%, rgba(193,156,96,.34) 0%, rgba(193,156,96,.10) 34%, transparent 62%),
      radial-gradient(90% 120% at 12% 90%, rgba(12,35,128,.55) 0%, transparent 58%),
      linear-gradient(118deg, #061D4C 0%, #0A2668 46%, #0C2380 100%);
    box-shadow: 0 10px 30px -12px rgba(6,32,94,.35);
  }
  /* ince altin ic cerceve */
  .ngKapak:after{
    content: '';
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 12px;
    border: 1px solid rgba(232,209,176,.16);
    pointer-events: none;
  }
  /* ince capraz doku */
  .ngKapak__filtre{
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background:
      repeating-linear-gradient(115deg, rgba(255,255,255,.028) 0px, rgba(255,255,255,.028) 1px, transparent 1px, transparent 9px),
      linear-gradient(180deg, rgba(255,255,255,.05) 0%, transparent 40%);
  }
  /* sag ustten altin isik huzmesi */
  .ngKapak__isik{
    position: absolute; top: -40%; right: -6%;
    width: 58%; height: 180%;
    background: radial-gradient(ellipse at center, rgba(232,209,176,.26) 0%, rgba(212,184,136,.09) 45%, transparent 72%);
    pointer-events: none;
  }
  .ngKapak__icerik{
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 7%;
  }
  .ngKapak__etiket{
    display: inline-block;
    font-size: 11px; font-weight: 700;
    letter-spacing: .18em; text-transform: uppercase;
    color: #E8D1B0;
    border: 1px solid rgba(232,209,176,.42);
    border-radius: 999px;
    padding: 6px 14px;
    margin-bottom: 18px;
  }
  .ngKapak__baslik{
    color: #fff;
    font-size: 40px; font-weight: 600; line-height: 1.14;
    margin: 0 0 12px;
    letter-spacing: -.01em;
    text-shadow: 0 2px 18px rgba(0,0,0,.28);
    max-width: 62%;
  }
  .ngKapak__baslik em{ font-style: normal; color: #E8D1B0; }
  .ngKapak__mesaj{
    color: rgba(255,255,255,.86);
    font-size: 15px; font-weight: 400; line-height: 1.6;
    max-width: 46%;
    margin: 0;
  }
  .ngKapak__cizgi{
    width: 56px; height: 2px;
    background: var(--ng-gold-500);
    margin: 20px 0 0;
    border-radius: 2px;
  }

  @media (max-width: 1100px){
    .ngKapak__baslik{ font-size: 30px; max-width: 72%; }
    .ngKapak__mesaj{ font-size: 13.5px; max-width: 58%; }
  }
  @media (max-width: 767px){
    .ngKapak{ aspect-ratio: 16/10; margin-bottom: 18px; border-radius: 10px; }
    .ngKapak__icerik{ padding: 0 8%; }
    .ngKapak__etiket{ font-size: 9.5px; padding: 5px 11px; margin-bottom: 12px; letter-spacing: .14em; }
    .ngKapak__baslik{ font-size: 21px; max-width: 92%; margin-bottom: 8px; }
    .ngKapak__mesaj{ font-size: 12px; max-width: 88%; line-height: 1.5; }
    .ngKapak__cizgi{ width: 40px; margin-top: 14px; }
  }

  /* ============================================================
    LISTEDE HAVALE FIYATI
    ------------------------------------------------------------
    Urun kartinda indirimli fiyatin altinda havale fiyati gosterilir.
    Deger, site ayarlarindaki havale indirim yuzdesinden hesaplanir
    (siteSettings.odemeAyarlari.havaleIndirimYuzde).
    Havale kapaliysa satir hic olusmaz.
    ============================================================ */
  .ngListeHavale{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0 0 14px;
  }
  .ngListeHavaleEtiket{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8A6D34;
    background: var(--ng-gold-300);
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 16px;
  }
  .ngListeHavaleTutar{
    font-size: 15px;
    font-weight: 600;
    color: var(--ng-gold-600);
    line-height: 1.2;
  }

  .TukendiIco { z-index: 5;border-radius:0;background:transparent; position: absolute; right: 0; left: 0; top: 0; height: 100%;overflow:hidden;}
  .TukendiIco span {line-height: 40px;background:rgba(255,255,255,0.92);position: absolute;left: 0;bottom: 50%;right: 0;max-width: 200px; border:none;color: var(--ng-navy-900);font-size: 13px;font-weight: 500;padding: 0;border-radius: 4px;text-transform:uppercase;margin: 0 auto;}
  /*stokyok*/
  .StokYok .cargoIcon, .StokYok .firsatIcon, .StokYok .newIcon { display: none!important; }
  /*playbuton*/
  body .productItem .divVideoPlayButton { position: absolute; right: 0; left: 0; top: 0;bottom:0;width: 40px;height: 40px;margin: auto; overflow:hidden;}
  body .productItem .divVideoPlayButton a.urunListeVideoPlay{color: #fff;float: left;width: 100%;height: 100%;}
  body .productItem .divVideoPlayButton a.urunListeVideoPlay i{font-family: 'FontAwesome';font-weight: 300;font-size: 40px;display: inline-block;vertical-align:top;margin-top:0;text-shadow:0 0 4px #848484;}
  body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-play-circle-o:before{content: '\f144';}
  body .productItem .divVideoPlayButton a.urunListeVideoPlay i.fa-pause-circle-o:before{content: '\f28b';}
  /*ekbutonlar*/
  .productItem .urunListeAdet, .productItem.StokYok .urunListeAdet,.boxBedenlerContent,.productIcon .quickViewIco,.productItem:hover .productIcon .quickViewIco{display:none !important;}
  /*******************************************KATEGORi**********************************/
  .Block_Title { display: none; }
  .noProduct { background: url('/Uploads/Images/urunyok.png') center center no-repeat !important; width: 212px; height: 214px; }
  .noProduct * { display: none !important; }
  #divUstFiltreKategori { display: none; }
  #divUstFiltreMarka { display: none; }
  /*kategoriAciklama*/
  .categorydesign {float: left;width: 100%;text-align: center;margin: 30px 0;}
  .categorydesign .Blok{margin: 0;}
  .leftBlock .categorydesign {display:block;}
  .categorydesign *{color: #8E8F9A;font-size: 22px;font-weight: 400;line-height: 32px;}
  .categorydesign h1{color: #061D4C;font-size: 24px;font-weight: 400;}
  .categorydesign p{margin: 0;}
  .categorydesign strong{font-weight:bold;}
  .categorydesign strong *{font-weight:bold;}
  .categorydesign img {display:inline-block;vertical-align:middle;}
  /*breadcrumb*/
  .breadList.breadActive{display: none!important;}
  .breadcrumbContent { float: left; }
  body ul.breadcrumb { margin: 0 auto;display: block!important; padding: 0; border-radius: 0;float: none;list-style: none;clear: none;}
  body ul.breadcrumb * { color: #ADADAD; font-size: 13px!important; line-height: 50px!important; float: left; font-weight: 400;}
  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: #ADADAD; font-size: 13px; line-height: 50px; float: left; font-weight:400;}
  body ul.breadcrumb li:nth-last-of-type(1):after { display: none;}
  body ul.breadcrumb li:nth-last-of-type(1) span { color: #3C3436;}
  body a#linkOncekiSayfa {line-height: 30px; display: none; color: #000 ; font-size: 12px!important; font-weight: normal;}
  .leftImage a#linkOncekiSayfa {display: none;}
  /*ustalan*/
  .categoryTitleText {float: left;width: 100%;}
  body.CategoryBody .categoryTitleText {padding: 0 60px;}
  .categoryTitle { float: left; width: 100%;}
  body.CategoryBody .categoryTitle {padding: 0;}
  .urunListRel { width: 100%; float: left; position: relative; margin: 0 0 50px 0;}
  .brandlistselection {display:inline-block;vertical-align: top;float: left;margin:0;width: 100%;}
  .brandlistselection .clear { clear: none;display: none; }
  .brandlistselection ul {padding: 0;margin: 0;list-style: none;}
  .brandlistselection .sortingContent{background:#ddd;}
  .brandlistselection .sortingContent li {float: right; background:transparent;border-radius: 0!important;}
  .brandlistselection .sortingContent li a {background:transparent;border-radius: 0!important;padding: 0;}
  .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {float: right;}
  .blockSelect .sort_hrz{display: none;}
  .blockSelect .sort_2{display: none;}
  .blockSelect .sort_5{display: none;}
  .category-vertical-filters .vertical-filter-panel .list-group{list-style:none;padding: 0;margin: 0;}
  .category-vertical-filters .vertical-filter-panel .list-group ul{list-style:none;padding: 0;margin: 0;}
  body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{display: none;}
  body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{display: none;}
  body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn{display: none;}
  body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{display: none;}
  /*filtresecili*/
  body #divSayfalamaUst .filterDeleteContent{float: left;margin:0 0 10px;padding:0; width: 100%;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter{padding: 0;margin: 0 15px 0 0;height: auto;background:transparent;border: 1px solid #666;width: auto;border-radius: 0;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter a{width: 25px;margin: 0;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter a i{font-family: 'FontAwesome';line-height: 30px;color: #040404;font-size: 15px;font-weight: 300;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before{content: '\f00d';}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span{color: #666;font-size: 12px;text-align: left;margin-top: 7px;font-weight:normal;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span{color: #666;margin-top: 3px;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir{display: block;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a{width: 100%; background:transparent;line-height: 1;margin: 0;padding: 0 5px;}
  body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span{line-height:30px;font-weight: normal;font-size: 12px;text-align:center;margin: 0;width: 100%;}
  /*sayfalama*/
  .brandlistselectionBottom { margin-bottom: 0; display: none; }
  #divSayfalamaAlt { width: 100%; margin:0;}
  .pageNumber { float: right; text-align: right; margin:0;display: none;}
  .pageNumber a { }
  .pageNumberContent { }
  .pageNumberBottom { float: right; text-align:center;margin:50px 0;padding:0;width: 100%;display:block;vertical-align: middle;}
  .pageNumberContent, .pageBorder { display: inline-block; vertical-align: top;}
  .pageNumberContent a, .pageBorder a {min-width:34px;height:34px;line-height:32px;font-size:15px;font-weight:500;color: var(--ng-navy-700);background:#fff;border-radius:var(--ng-radius);border:1px solid var(--ng-line);float:left; position: relative;display: block;text-align:center;margin: 0 5px;}
  .pageNumberContent a.butonDisabled, .pageBorder a.butonDisabled {opacity: 1!important;}
  .pageNumberContent a:hover, .pageBorder a:hover {color: #fff;background: var(--ng-navy-700);border-color:var(--ng-navy-700);}
  .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {color: #fff;background: var(--ng-navy-700);border-color:var(--ng-navy-700);}
  .KategoriFilitrelemeContent .Block_Title { display: none; }
  /*******************************************KATEGORi**********************************/
  /*******************************************URUN DETAY********************************/
  .RightDetail > .clear { clear: none; }
  .ProductDetailMain{float:left;width: 100%;}
  .ProductDetailMainRow{float:left;width: 100%;}
  .TopDet { float: left; width: 100%; position: relative;margin:0;}
  .leftImage { width: 1195px; float: left; position: relative;padding:0;}
  .RightDetail { width:calc(100% - 1195px); float: left; position: relative;padding: 0 60px 0 30px;}
  /* Yeni galeri (ngGalleryActive) aktifken sag "buy box" (baslik+fiyat+
     varyant+Sepete Ekle/Hemen Al+ikonlar - .TopList, .MiddleList,
     .BottomList; urunGaleriDuzenle() JS'i tarafindan .ngRightSticky icinde
     birlestiriliyor) sol thumbnail seridiyle AYNI top degerinde sticky -
     gorseller bitene kadar sabit kalir. Akordeon (#divUrunOzellikAlani)
     BILEREK bunun DISINDA, sticky kutudan hemen sonra normal akiskan
     birakiliyor - akordeon icerigi (ör. taksit tablosu) ongorulemez
     sekilde cok buyuyebiliyor, bu da sticky kutunun icindeyken toplam
     yuksekliginin surekli degisip sticky'nin yapisik kalma hesabini
     bozmasina sebep oluyordu (bkz. JS UrunDetayIslemleri() yorumu).
     Sticky bir elemanin ne kadar "yapisik" kalacagi kendi ic-icerigine
     degil, etraf kutusunun (.RightDetail) yuksekligine bagli. Buy box
     tek basina sol taraftaki uzun gorsel yiginindan cok daha kisa oldugu
     icin ".TopDet" flex yapilip ".RightDetail" ".leftImage" ile ayni
     yukseklige geriliyor (align-items:stretch) - boylece sticky'nin
     konteyneri gercekten galeri kadar uzun oluyor. Doldurulmayan fazla
     bosluk normal ve beklenen (kisa bir sticky kenar cubugunun uzun ana
     icerigin yanindaki bosluk birakmasi). */
  .TopDet:has(.leftImage.ngGalleryActive) {
    display: flex;
    align-items: stretch;
  }
  .TopDet:has(.leftImage.ngGalleryActive) .leftImage,
  .TopDet:has(.leftImage.ngGalleryActive) .RightDetail {
    float: none;
  }
  .ngRightSticky {
    position: sticky;
    top: 148px;
    overflow-anchor: none;
  }
  /* .TopList/.MiddleList/.BottomList tabanda "float:left;width:100%" -
     floated elemanlar parent'in yuksekligine katkı saglamadigi icin
     .ngRightSticky'nin (ve dolayisiyla sticky hesabinin) yuksekligi sifira
     coker. "overflow:hidden" ile yeni bir block formatting context acilip
     ICINDEKI TUM float'li elemanlar (kac seviye ic-ice olursa olsun)
     otomatik yuksekliğe dahil ediliyor (klasik clearfix teknigi) - tek tek
     her seviyeyi float:none yapmaya gerek kalmiyor.
     NOT: max-height+overflow-y:auto (kutuyu SABIT boyutlu, ic kaydirmali
     yapmak) DENENDI ama BASARISIZ oldu - kutunun scrollTop'u, panel
     kapandikca kaydirilabilir alan kisaldigi icin tarayici tarafindan
     GECERLI ARALIGA otomatik kirpiliyor (bu, JS'ten scrollTop'u geri
     yazarak bile ENGELLENEMEZ - tarayici gecersiz/asiri buyuk bir degeri
     kabul etmez). Bu yuzden kutu tekrar SINIRSIZ (kendi icerigi kadar
     buyuyen) birakildi - asil koruma artik JS'teki akordeonYumusat()
     icindeki scroll-dondurma mekanizmasinda (bkz. o yorum). */
  .ngRightSticky {
    overflow: hidden;
  }
  .ngRightSticky > .TopList,
  .ngRightSticky > .MiddleList,
  .ngRightSticky > .BottomList {
    float: none !important;
  }
  /*Urun Resim*/
  .leftImage .ProductGallery {float: left;width: 100%;}
  .leftImage .ProductGallery .gallery-container {float: left;width: 100%;position: relative;}
  .leftImage .ProductGallery .gallery-container .GalleryArea {float: right;width: 500px;margin: 0;padding: 0;}
  .leftImage .ProductGallery .gallery-container .galleryOwl-thumb {float: left;width: 90px;border: none;background:transparent;height: 100%;display: block;}
  .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list {float: left;width: 100%;padding: 0;margin: 0;overflow-y: auto;overflow-x: hidden;max-height: 100%;}
  .leftImage .ProductGallery .gallery-container .galleryOwl-thumb .thumb-list .thumb-item {float: left;clear: left;width: 80px;margin-bottom: 15px;}
  .leftImage .ProductGallery .owl-carousel.galleryOwl .owl-dots{display: none;}
  .UrunDetayLeft { margin: 0 !important; overflow: hidden; }
  .Images,#divVideoGoruntulemeAlan { float: right; width: 500px;padding-bottom:150%; position: relative;display: none!important;}
  .Images img,#vdUrunVideo { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
  .cloudzoom-blank > div:last-child { display: none !important; }
  .SmallImages {display: flex !important;float: left;width: 100%;flex-flow: wrap;}
  .SmallImages div {float: left;width: 50%;cursor: pointer;padding: 0 10px 10px 0;}
  .SmallImages div img {max-width: 100%;max-height: 100%;}

  /* URUN DETAY GALERISI: sticky thumbnail rail + ortada dikey dizili buyuk
     gorseller. JS (urunGaleriDuzenle) sadece genis ekranda .leftImage'a
     "ngGalleryActive" sinifini ekleyip yeni bir .ngThumbRail olusturuyor;
     bu kurallar sadece o sinif varken devreye giriyor - mobilde/dar
     ekranda eski 2 sutunlu gorsel izgarasi aynen kalir. */
  .leftImage.ngGalleryActive { display: flex; align-items: flex-start; gap: 16px; }
  .leftImage.ngGalleryActive .ngThumbRail {
    position: sticky;
    top: 148px; /* sabitlenmis header (128px) + nefes payi */
    flex: 0 0 78px;
    width: 78px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc(100vh - 168px);
    overflow-y: auto;
    padding: 2px;
  }
  .leftImage.ngGalleryActive .ngThumbRail::-webkit-scrollbar { width: 4px; }
  .leftImage.ngGalleryActive .ngThumbRail::-webkit-scrollbar-thumb { background: rgba(6,32,94,.15); border-radius: 4px; }
  .leftImage.ngGalleryActive .ngThumbItem {
    display: block; width: 100%; aspect-ratio: 1; border-radius: 2px; overflow: hidden;
    cursor: pointer; padding: 0; background: none; flex-shrink: 0;
    border: 1px solid transparent; transition: border-color .2s ease-in-out;
  }
  .leftImage.ngGalleryActive .ngThumbItem.is-active { border-color: var(--ng-navy-900); }
  .leftImage.ngGalleryActive .ngThumbItem img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .leftImage.ngGalleryActive .SmallImages { display: block !important; flex: 1 1 auto; width: auto; min-width: 0; }
  .leftImage.ngGalleryActive .SmallImages .AltImgCapSmallImg {
    width: 100% !important; float: none; margin: 0 0 16px 0 !important; padding: 0 !important; position: relative;
    background: #f5f2ec; overflow: hidden; aspect-ratio: 1;
  }
  /* Urun gorselleri sitede tutarli sekilde 1:1 kare (1000x1000) - aspect-
     ratio:1 sayesinde gorsel henuz yuklenmeden container dogru yukseklikte
     hazir duruyor, aksi halde img yuklenene kadar tum .ngLoadBar'lar ust
     uste ince ince yigilip garip goruntu veriyordu. */
  .leftImage.ngGalleryActive .SmallImages .AltImgCapSmallImg img { width: 100%; height: 100%; max-width: 100%; max-height: none; display: block; object-fit: cover; }
  .leftImage.ngGalleryActive .SmallImages .AltImgCapSmallImg .ngLoadBar {
    position: absolute; top: 0; left: 0; width: 100%; height: 2px; overflow: hidden; z-index: 2;
    background: rgba(6,32,94,.06);
  }
  .leftImage.ngGalleryActive .SmallImages .AltImgCapSmallImg .ngLoadBar:after {
    content: ''; position: absolute; top: 0; left: -40%; width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, var(--ng-gold-500), transparent);
    animation: ngGaleriYukleniyor 1.1s ease-in-out infinite;
  }
  .leftImage.ngGalleryActive .SmallImages .AltImgCapSmallImg.ng-loaded .ngLoadBar { opacity: 0; transition: opacity .35s ease; pointer-events: none; }
  @keyframes ngGaleriYukleniyor { 0% { left: -40%; } 100% { left: 100%; } }

  .leftImage .productTimer{display: none!important;}
  .DetayYeniUrun {display:none!important;}
  /*sagalan*/
  .RightDetail .TopList { float: left; width: 100%; position: relative;}
  .RightDetail .MiddleList { float: left; width:100%; position: relative;}
  .RightDetail .BottomList { float: left; width:100%; position: relative;}
  /*urunadi*/
  .ProductName { float:left;position: relative;margin:0 0 6px 0;width: 90%;}
  .ProductName h1 { margin: 0; float: left;width: 100%;}
  .ProductName h1 span { float: left; width: 100%; display: inline-block; color: var(--ng-navy-700); font-size: 24px; font-weight:500;line-height:1.35;text-transform: uppercase;letter-spacing:.10em;}
  /*stokkodu*/
  #divUrunKodu {float:left;clear:left; color: #717171; font-size: 14px; font-weight: 400; line-height: 16px; padding: 0;margin:0 0 10px 0;}
  #divUrunKodu span{ display:inline-block;vertical-align:top;color: #717171; font-size: 14px; font-weight: 400; position: relative; line-height: 16px;float: left;}
  #divUrunKodu span:after{content: ':';margin: 0 4px;}
  /*taksitaciklama*/
  #divTaksitAciklama { display:block;float: left;clear:left;margin-top:10px;}
  #divTaksitAciklama .taksitSatir {color: #000; font-size: 14px;line-height: 14px;}
  /*paunver*/
  .RightDetail .puanVer {float:left;clear: left;margin: 0 0 10px 0;}
  .RightDetail #PuanVer{float: left;}
  .RightDetail .PuanVerSag {float: left;color: #000;font-size: 15px;line-height: 15px; margin: 0 0 0 10px;}
  .RightDetail ul.rating { float: left;padding: 0;margin: 0;list-style: none; }
  .RightDetail ul.rating li {float: left; margin-right: 0;width: auto;height: auto;padding: 0 2px 0 0;font-size: 0;}
  .RightDetail ul.rating li i.starItem { font-size: 15px; line-height:15px;height: auto;font-weight: 300;font-family:'FontAwesome';position:static;}
  .RightDetail ul.rating li i.starItem:before { content: '\f005';}
  .RightDetail ul.rating li i.starItem:hover { font-size: 15px; font-weight: 600;}
  .RightDetail ul.rating li.filled i {  font-weight: 600;}
  .RightDetail .rating-stars ul>li.star.hover>i.fa{font-weight:600;}
  .RightDetail .rating-stars ul>li.star.selected>i.fa{font-weight:600;}
  .RightDetail ul.rating li i.starItem, .RightDetail ul.rating li.filled i, .RightDetail .rating-stars ul>li.star.hover>i.fa,
  .RightDetail .rating-stars ul>li.star.selected>i.fa{color: #3C3436;}
  /*markaresmi*/
  .markaresmi { float: left;position: relative; z-index: 1;}
  .markaresmi a { float: left; }
  .markaresmi img { max-width: 100%;float: left;}
  /*magazastok*/
  #divMagazaStok{float:left;clear:left; margin:10px 0 0!important;}
  #divMagazaStok a{display: inline-block;vertical-align:top; color: #000; font-size: 14px; font-weight:normal;line-height: 14px;}
  /*on yazi*/
  #divOnyazi {float:left;width: 100%;}
  #divOnyazi .teksatir{margin-bottom: 10px;float: left;width: 100%;font-size: 14px;font-weight: 400;color: #606060;line-height: 26px;}
  #divOnyazi h2{font-weight:normal;font-size:100%;}
  #divOnyazi * {font-family: 'Judson', sans-serif !important;}
  #divOnyazi strong {font-weight:700;}
  #divOnyazi strong * {font-weight:700;}
  #divOnyazi i {font-family: 'FontAwesome'!important;margin-right: 12px;}
  /*fiyatlar*/
  .urunDetayFiyatContainer{}
  .PriceList { float:left;position:relative;width: 100%;padding: 0;margin:0 0 10px 0;}
  #pnlFiyatlar { display: inline-block; vertical-align: top;float:left;}
  #divIndirimliFiyat {display: block;}
  /*ekbilgi*/
  #divMarka, #divTedarikci, #divUrunStokAdedi, #divToplamStokAdedi, #divBarkod, #divParaPuan, #divTahminiTeslimatSuresi,
  #divIndirimOrani{ float:left;clear:left;margin-bottom:10px;line-height:14px;}
  #divMarka .left_line, #divTedarikci .left_line, #divUrunStokAdedi .left_line, #divToplamStokAdedi .left_line, #divBarkod .left_line, #divParaPuan .left_line, #divTahminiTeslimatSuresi .left_line,
  #divIndirimOrani .left_line{ display: inline-block;vertical-align:top; color: #717171; font-size: 14px; font-weight:400;line-height: 14px;}
  #divMarka .center_line, #divTedarikci .center_line, #divUrunStokAdedi .center_line, #divToplamStokAdedi .center_line, #divBarkod .center_line, #divParaPuan .center_line, #divTahminiTeslimatSuresi .center_line,
  #divIndirimOrani .center_line{ display: inline-block;vertical-align:top; color: #717171; font-size: 14px; font-weight:400;line-height: 14px;}
  #divMarka .right_line,#divMarka .right_line *, #divTedarikci .right_line, #divTedarikci .right_line *, #divUrunStokAdedi .right_line, #divToplamStokAdedi .right_line, #divBarkod .right_line, #divParaPuan .right_line, #divTahminiTeslimatSuresi .right_line,#divIndirimOrani .indirimliOrani,
  #divIndirimOrani .indirimliOrani *{display: inline-block;vertical-align:top; color: #717171; font-size: 14px; font-weight:400;line-height: 14px;width: auto;}
  /*piyasa fiyati*/
  .PiyasafiyatiContent {display:block;float: left;margin-right: 10px;}
  .PiyasafiyatiContent .left_line, .PiyasafiyatiContent .center_line { display: none;}
  .PiyasafiyatiContent .right_line { display: inline-block;vertical-align:top;}
  .PiyasafiyatiContent .right_line * { display: inline-block;vertical-align:top; font-weight:400; text-decoration: line-through;}
  .PiyasafiyatiContent .right_line .spanKdv {display: none!important;vertical-align: top;}
  /*indirimli fiyati*/
  .IndirimliFiyatContent {display: block;float: left;}
  .IndirimliFiyatContent .left_line, .IndirimliFiyatContent .center_line { display: none;}
  .IndirimliFiyatContent .right_line { display: inline-block;vertical-align:top;}
  .IndirimliFiyatContent .right_line * { display: inline-block;vertical-align:top; }
  .IndirimliFiyatContent .right_line .spanKdv {display: none!important;vertical-align:bottom;font-size: 12px;line-height: 1;}
  /*turk lirasi fiyati*/
  #divTurkLirasiFiyat { display: block;}
  #divTurkLirasiFiyat .left_line, #divTurkLirasiFiyat .center_line { display: none;}
  #divTurkLirasiFiyat .right_line { display: inline-block;}
  #divTurkLirasiFiyat .right_line *{ display: inline-block!important;vertical-align:top; }
  /*indirimsiz fiyati*/
  #divIndirimsizFiyat {display: block;}
  #divIndirimsizFiyat .left_line, #divIndirimsizFiyat .center_line { display: none;}
  #divIndirimsizFiyat .right_line { display: inline-block;font-weight: 400; }
  #divIndirimsizFiyat .right_line * {display: inline-block!important;vertical-align:top;}
  #divIndirimsizFiyat .right_line .spanKdv {display: none!important;vertical-align:top;}
  /*kdv dahil fiyati*/
  #divKDVDahilFiyat { display: block;float: left;margin-top: 8px;}
  #divKDVDahilFiyat .left_line { display: inline-block;vertical-align:top;font-weight: 400;margin-right: 5px;}
  #divKDVDahilFiyat .center_line { display: none;}
  #divKDVDahilFiyat .right_line * {display: inline-block!important;vertical-align:top;}
  /*fiyatrenk*/
  .PiyasafiyatiContent .right_line *{color: #A5A7B4; font-size: 24px;}
  .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *, #divKDVDahilFiyat .right_line *, #divIndirimsizFiyat .right_line,
  #divIndirimsizFiyat .left_line{color: #001D3C;}
  .IndirimliFiyatContent .right_line *, #divTurkLirasiFiyat .right_line *, #divIndirimsizFiyat .right_line *,
  #divKDVDahilFiyat .right_line *{font-size: 24px; font-weight: bold;}
  #divKDVDahilFiyat .left_line,#divKDVDahilFiyat .right_line *,#divIndirimsizFiyat .left_line,.IndirimliFiyatContent,.IndirimliFiyatContent .right_line *,
  .PiyasafiyatiContent,.PiyasafiyatiContent .right_line *,#divTurkLirasiFiyat ,#divTurkLirasiFiyat .right_line *,#divIndirimsizFiyat,#divKDVDahilFiyat {line-height: 20px;}
  /*Stok yok*/
  body #divStokYok{float: left;width: 100%;margin:20px 0 0;font-size: 14px;color: #000;font-weight: normal;text-align: center;padding: 5% 0;background-color: #f2f5f6;border-radius: 0;}
  body #divStokYok:before{content: '\f057';font-family:'FontAwesome';font-weight:300;width: 100%;float: left;font-size: 30px;margin-bottom: 20px;}
  /*Urun ekstrabilgileri*/
  #divEkstraBilgiler { float: left;clear:left;margin-top: 10px;}
  #divEkstraBilgiler img { max-width: 100%;display:block;}
  .btnnostok i.fa{font-family: 'FontAwesome';}
  /*varyasyonlar*/
  #divUrunEkSecenek { float: left;width: 100%;position: relative;margin: 20px 0 0 0;}
  #divUrunEkSecenek .eksecenekLine {clear: none !important;margin:0 0 30px 0;float: left;width: 100%;}
  #divUrunEkSecenek .eksecenekLine:last-child {border: none;padding-bottom: 0;}
  #divUrunEkSecenek .eksecenekLine .left_line {float: left;width:100%;line-height: 20px;color: #3C3436;font-size: 15px;font-weight: 400;margin: 0 0 12px 0;}
  #divUrunEkSecenek .eksecenekLine .center_line {display: none;}
  #divUrunEkSecenek .eksecenekLine .right_line { display: inline-block;vertical-align:top;}
  #divUrunEkSecenek .eksecenekLine .right_line .size_box {float: left;cursor: pointer;text-align:center;font-size: 14px;position: relative;color: #222222;font-weight: 400;margin-right: 10px;}
  #divUrunEkSecenek .eksecenekLine .right_line .size_box img { width: 100%; height: 100%; display:block;}
  /*selectvaryasyon*/
  #divUrunEkSecenek .eksecenekLine.selectvaryasyon {}
  #divUrunEkSecenek .eksecenekLine.selectvaryasyon .left_line {}
  #divUrunEkSecenek .eksecenekLine.selectvaryasyon .center_line {}
  #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {width: 100%;}
  #divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {min-width: 100%;float: left;height: 45px;border:1px solid #EFEFEF;color: #222222;font-size: 15px;font-weight: 400;padding: 0 10px;background: #fff;border-radius:0;}
  /*resimlivaryasyon*/
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon { }
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .left_line { }
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line { }
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box { width: 38px; padding: 4px; height: 38px; }
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box img {border-radius: 50%;}
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover { }
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid transparent; border-radius: 100%; }
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box:hover:after,
  #divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected:after { border-color: #707070; }
  /*kutuvaryasyon*/
  #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {}
  #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line{}
  #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box{min-width: 90px;height: var(--ng-btn-h);line-height: 48px;text-align: center;border: 1px solid var(--ng-line);border-radius: var(--ng-radius);padding: 0 5px;font-weight:500;color:var(--ng-navy-700);}
  #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child{margin-right: 0;}
  #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {color: #fff;background: var(--ng-navy-700);border-color:var(--ng-navy-700);}
  #divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected { color: #fff;background: var(--ng-navy-700);border-color:var(--ng-navy-700);}
  /*stokyokvaryasyon*/
  #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok { position: relative;background: #f5f3f3!important;color: #7a7979!important;border-color: #e4dfdd;}
  #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
  #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after { content: ''; height: 1px; max-width: 65px;margin:0 auto; background: #cecece; left: 0;right:0; top: 50%; position: absolute;transform:rotate(140deg);-webkit-transform:rotate(140deg);}
  /*ilgili Urunler*/
  #IlgiliUrunDiv { float: left; width: 100%;}
  #IlgiliUrunDiv #divIlgiliUrunler {}
  .TopDet #IlgiliUrunDiv { display: block; float: left;width:100%;margin:0;padding: 0;}
  .TopDet #IlgiliUrunDiv #divIlgiliUrunler { padding: 0; margin: 0; background: transparent; border: none; }
  .TopDet #IlgiliUrunDiv .JKatAdi{float: left;width: 100%;margin: 0!important;padding: 0!important;text-align:left;}
  .TopDet #IlgiliUrunDiv .JKatAdi .bold{padding: 0;margin: 0;text-align:left;}
  .TopDet #IlgiliUrunDiv .JKatAdi .bold:before{display: none;}
  .TopDet #IlgiliUrunDiv .JKatAdi .bold:after{display: none;}
  .TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1{background:transparent;padding: 0!important;margin: 0;border: none;font-size: 13px;line-height: 40px;font-weight: normal;color: #000;}
  .TopDet #IlgiliUrunDiv .clear { display: none; }
  .TopDet #IlgiliUrunDiv ul { float: left;width: 100%;padding: 0;margin: 0;list-style: none;}
  .TopDet #IlgiliUrunDiv ul li { float: left; width:50px;margin-right: 10px;margin-bottom: 10px; border-radius: 0;overflow:hidden;}
  .TopDet #IlgiliUrunDiv ul li:hover {}
  .TopDet #IlgiliUrunDiv ul li .productItem { border: none; width: 100%; float: left; padding: 0;box-shadow:none!important; }
  .TopDet #IlgiliUrunDiv ul li .productItem .productTimer {display: none!important;}
  .TopDet #IlgiliUrunDiv ul li .productItem .productImage {padding: 0;}
  .TopDet #IlgiliUrunDiv ul li .productItem .productImage a {}
  .TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {display: none!important;}
  .TopDet #IlgiliUrunDiv ul li .productItem .productImage img {}
  .TopDet #IlgiliUrunDiv ul li .productItem .productIcon { display: none; }
  .TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet { display: none !important; }
  .TopDet #IlgiliUrunDiv ul li .productItem .productDetail { padding: 0; margin: 0; display: none; }
  .TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before { display: none; }
  .TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after { display: none; }
  .TopDet #IlgiliUrunDiv ul li .productItem .productName { display: none; }
  .TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco { display: none; }
  .TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent { display: none !important; }
  /*satinal*/
  #divSatinAl { float: left;width: 100%;margin:20px 0;padding: 0;}
  /*guven rozetleri - Sigortali Gonderim vb, Sepete Ekle satirinin ustunde*/
  .ngGuvenRozetleri{float:left;clear:left;width:100%;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px 0;}
  .ngGuvenRozet{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:rgba(193,156,96,.07);border:1px solid rgba(193,156,96,.35);border-radius:8px;color:var(--ng-navy-900);font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1;}
  .ngGuvenRozet__ikon{width:16px;height:16px;flex:0 0 auto;color:var(--ng-gold-500);}
  .ngGuvenRozet__yazi{white-space:nowrap;}
  .BasketBtn { float: left; position: relative;width: 100%;}
  #divAdetCombo .right_line,.RightDetail .riSingle{width: 90px;}
  #txtbxurunSiparisAdedi, #divAdetCombo select,.RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown,.basketBtn input,
  .buyfast input{height: 45px!important;}
  .Basketinp p,#divKombinSatinAl a, #divAdetCombo .left_line,.RightDetail .riSingle a.riUp,
  .RightDetail .riSingle a.riDown{line-height: 45px;}
  /*Adet Select*/
  #divAdetCombo { display: block!important;position:relative;float: left;clear: left;}
  #divAdetCombo .center_line { display: none !important; float: left; }
  #divAdetCombo .right_line { float: left;max-width: 100%!important;}
  #divAdetCombo select { width: 100%; padding: 0 10px; text-align: left;}
  /*Adet input*/
  .RightDetail .riSingle { position: relative;display: inline-block;vertical-align:top; border-radius: 0;}
  .RightDetail .riSingle a.riUp, .RightDetail .riSingle a.riDown { width: 30px !important;font-size: 0; background:transparent;top:0;font-weight: normal; position: absolute;margin: 0 !important; float: left; cursor: pointer; text-indent: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  .RightDetail .riSingle a.riUp svg, .RightDetail .riSingle a.riDown svg {width: 10px;}
  .RightDetail .riSingle a.riUp path, .RightDetail .riSingle a.riDown path {fill: #3C3436;}
  .RightDetail .riSingle a.riUp {left:auto;right:0;}
  .RightDetail .riSingle a.riDown {left:0;}
  /*adetveselect*/
  .Basketinp { display: block;position: relative;float: left;clear: left;}
  .BasketBtn .pSatisBirimi, .BasketBtn .left_line.lineTitle2{color: #000;font-size: 14px;font-weight: normal;margin:0;float: left;clear:left;line-height: 40px;display: none!important;}
  #txtbxurunSiparisAdedi_wrapper { float: left; width: 100% !important; position: relative; padding: 0 !important; }
  #txtbxurunSiparisAdedi {width: 100% !important; text-align: center; display: inline-block;padding: 0;  appearance: none; -moz-appearance: none;-webkit-appearance: none;}
  #txtbxurunSiparisAdedi, #divAdetCombo select { background: #fff;color: #3C3436;border:1px solid #EFEFEF;font-size: 18px;font-weight: 400;float: left;margin: 0;border-radius:0;}
  /*sepete Ekle*/
  #divKombinSatinAl,
  .basketBtn ,
  .buyfast { float: left;margin: 0 0 0 10px;}
  #divKombinSatinAl a,
  .buyfast input,
  .basketBtn input {color: #222222;background: #ffffff!important;border: 1px solid #EFEFEF; font-weight: 500; font-size:16px; width:100%;display: inline-block;vertical-align:top; padding: 0; letter-spacing:0;border-radius:0;text-transform:uppercase; -moz-appearance: none;-webkit-appearance: none;}
  .basketBtn{width: calc(100% - 100px);}
  .buyfast input:hover,
  .basketBtn input:hover{color: #FFFFFF;background: #061D4C!important;}
  /*Hemen Al*/
  .buyfast {width: 100%;margin:20px 0 0 0;}
  .buyfast input {}
  /*kombin Al*/
  #divKombinSatinAl {margin: 20px 0 0 0;width: 100%;}
  #divKombinSatinAl a{font-size: 14px;margin: 0!important;}
  /*Iconlar*/
  .ProductIcon {float: left;width: 100%;margin-top: 10px;}
  .ProductIcon .box1 {padding:0; margin: 0;min-width: 0;background:transparent;display:inline-block;vertical-align:top;color: #888888;font-size: 12px;font-weight: 400;}
  .ProductIcon .box1 i {display: none;}
  .ProductIcon .boxIcon {fill:#888888; width:50px;height:50px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  .ProductIcon .boxIcon svg{height:22px;}

  .ProductIcon > div{float: left;position: relative;margin: 0 5px 10px;width: calc(50% - 10px);background: #FAFAFC; border: 1px solid transparent;}
  .ProductIcon > div > a {float:left;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  /*yazdiryorumtavsiye*/
  .ProductIcon2 {float:left;width: 100%;}
  .ProductIcon2 .clear{display: none;}
  .ProductIcon2 #divSocialButtons{float:left;width: 100%;display: flex;align-items: center;gap: 10px;}
  .ProductIcon2 > div{float:left;margin: 0 5px 10px;width: calc(50% - 10px);position: relative;background: #FAFAFC; border: 1px solid transparent;}
  .ProductIcon2 > div > a{margin: 0; padding: 0;font-size: 12px;background:transparent;color:#888888;float:left;width: 100%;font-weight: 400;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  .ProductIcon2 > div > a:hover{color: #000; background:transparent!important;}
  .ProductIcon2 .boxIcon {fill:#888888; width:50px;height:50px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  .ProductIcon2 .boxIcon svg{height:22px;}

  .ProductIcon > div:hover,
  .ProductIcon2 > div:hover{background: #FFFFFF;border-color: #222222;}
  .ProductIcon > div:hover .box1,
  .ProductIcon2 > div:hover .box1{color: #222222}
  .ProductIcon > div:hover .boxIcon,
  .ProductIcon2 > div:hover .boxIcon{fill: #222222}
  /*paylas*/
  .TopDet .product_social_icon_wrapper{float: left;width: 100%;display: block!important;font-size: 0;margin-top: 10px;}
  .TopDet .product_social_icon_wrapper .PaylasTit{float: left;color: #000;font-size: 14px;font-weight: 600;line-height: 30px;margin-right: 10px;}
  .TopDet .product_social_icon_wrapper ul{display: inline-block;vertical-align:top;list-style: none;padding: 0;margin: 0;}
  .TopDet .product_social_icon_wrapper ul li{float: left;margin-right: 10px;}
  .TopDet .product_social_icon_wrapper ul li:last-child{margin-right: 0;}
  .TopDet .product_social_icon_wrapper ul li a{float: left;fill: #fff;background: #000;font-size: 14px;border-radius: 100%;text-align:center;width: 30px;height: 30px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  .TopDet .product_social_icon_wrapper ul li a svg{width: 15px;}
  .TopDet .product_social_icon_wrapper ul li:nth-child(1) a{background: #3b5999;}
  .TopDet .product_social_icon_wrapper ul li:nth-child(2) a{background: #55acee;}
  .TopDet .product_social_icon_wrapper ul li:nth-child(3) a{background: #bd081c;}
  .TopDet .product_social_icon_wrapper .UWhatsApp {float: left;margin-right: 0}
  .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp{float: left;color: #fff;background: #6dc33a;font-size: 0;border-radius: 100%;text-align:center;width: 30px;}
  .TopDet .product_social_icon_wrapper .UWhatsApp .whatsApp i{line-height: 30px;display: inline-block;vertical-align:top;font-size: 14px;}
  /*whatsapp*/
  .socialButons { float: right !important; width: 100%; position: relative; margin: 0 !important;}
  .socialButons iframe { float: left;}
  .product-social { float: left; margin-right: 10px; }
  .product-social span { float: left; line-height: 32px; display: inline-block; color: #000; font-size: 12px; font-weight: 300; margin-right: 5px; }
  .product-social ul { float: left; }
  .product-social ul li { float: left; margin-right: 13px; }
  .product-social ul li a { display: block; color: #323232; font-size: 18px; }
  /*urun ozellik Bolumu*/
  #divUrunOzellikAlani{display: none;}
  .RightDetail #divUrunOzellikAlani{display: block;}
  .urunOzellikTab{margin: 30px 0 0;display: block;float: left;width: 100%;}
  .urunOzellikTab .urunTab{float: left;width: 100%;}
  .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
  .urunOzellikTab .urunTab >ul >li{float: left;width: 100%;}
  .urunOzellikTab .urunTab >ul >li > a{cursor: pointer;color: #3C3436;background: transparent;font-size: 14px;line-height: 50px;float: left;width: 100%;font-weight: 700;text-transform: uppercase;}
  .urunOzellikTab .urunTab >ul >li > a span{}
  /* Panel jQuery ile slideDown/slideUp animasyonuyla acilip kapaniyor
     (bkz. WEBJS.txt akordeonYumusat()) - "[onofftip=true] display:block
     !important" gibi bir CSS kurali eklenmemeli, aksi halde onofftip
     degisir degismez jQuery'nin animasyonu BASLAMADAN display'i zorlayip
     KAPANISTA "tik diye kapanma" etkisi yaratir. Panelin varsayilan gizli
     baslangici WEBJS.txt'teki $(".urunDetayPanel").hide() cagrisiyla
     korunuyor - flash riski yok.
     Eski +/- ikonu (FontAwesome glyph degisimi, ani karakter degisimi -
     animasyonlanamaz) asagida "Sekmeler" bolumunde donen cift-cizgi
     ikonuyla degistirildi - content burada artik tanimlanmiyor (kasitli). */
  .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none;}
  .urunOzellikTab .urunTab >ul >li[onofftip="true"] > a{background: transparent!important;border-bottom: none;}

  /* Bazi paneller (ör. "Odeme Secenekleri" - onlarca banka/taksit satiri)
     viewport'tan cok daha uzun olabiliyor (1300px+); tek seferde bu kadar
     buyuk bir yukseklik degisimi position:sticky ile birlikte tarayicinin
     scroll'u otomatik "duzeltmeye" calismasina (scroll anchoring, odaklanan
     elemani gorunumde tutma vb.) ve beklenmedik siçramalara sebep olabiliyor.
     Panel yuksekligi bir ust sinirla (viewport'un %70'i) sinirlanip fazlasi
     panelin KENDI icinde kaydiriliyor - boylece tek bir acilis/kapanis asla
     cok buyuk bir reflow yaratmiyor. */
  .urunDetayPanel { float: left; width:100%; clear: none !important;border: none;padding: 0 0 10px 0; max-height: 70vh; overflow-y: auto; }
  .urunTabAlt strong { font-weight: bold; }
  .urunTabAlt #txtOneriMail{margin: 0;height: 30px;padding: 0 10px;width: 100%!important;border-width: 1px;}
  .urunTabAlt #txtOneriNot{margin: 0;padding: 10px;width: 100%!important;background: #fff;}
  .urunTabAlt { font-family: 'Judson',sans-serif !important;padding:0;float:left;width:100%;line-height: 26px;color: #606060;font-size: 14px;font-weight: 400;}
  .urunTabAlt * { font-family: 'Judson',sans-serif !important;line-height: 26px;color: #606060;font-size: 14px;font-weight: 400;}
  .urunTabAlt i { font-family: 'FontAwesome' !important; }
  .urunTabAlt img { max-width: 100% !important; }
  .urunTabAlt iframe { max-width: 100% !important;}
  .urunTabAlt .button { padding: 10px 5px; color: #fff; }

  .tabUrunOneriler ul{list-style: none;padding: 0;margin: 0;}
  .tabUrunOneriler ul li{float: left;width: 100%;}
  .oneriValidate .validate { top: 0; padding: 5px; }
  .urunTabAlt ul li { margin-bottom: 5px; clear: both; }
  .urunTabAlt ul li input { float: left; margin-right: 5px; width: auto !important; }
  .urunTabAlt ul li label { float: left; width: auto !important;line-height: normal;}
  .urunTabAlt ul li input[type="checkbox"] { margin-top: 0; }
  /*------------------------------------Etiketler--------------------------------------------*/
  #divEtiketler { float: left; width: 100%; padding:0 20px 20px; margin:50px 0 0;background: #fff;text-align:center;}
  #divEtiketler .productModuleTitle {float: left; color: #202122; font-size: 15px; font-weight: bold; width: 100%; text-align: center; line-height: 30px; margin:10px 0; }
  #divEtiketler a { color: #696d71; font-size: 13px; }
  #divEtiketler a:hover {text-decoration:underline;}
  /****************************************Slider Alanlar*********************************/
  /*Baslik*/
  #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi { float: left; position: relative;width: 100%;padding:0!important;margin:0 0 40px 0!important;}
  #mainHolder_divDesign .JKatAdi.categoryTitle .bold, .JKatAdi .bold { display:block;float: left;width: 100%;text-align:center;position: relative;}
  #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{line-height: 1.3;color: var(--ng-navy-900);font-size: 30px;font-weight:600;display: inline-block;vertical-align:top;padding:0!important;position: relative;z-index: 1;}
  /* Baslik alti altin cizgi */
  #mainHolder_divDesign .JKatAdi.categoryTitle .bold:after, .JKatAdi .bold:after{content:'';display:block;width:48px;height:2px;background:var(--ng-gold-500);margin:12px auto 0;}
  /*ilerigeributon*/
  #divInstashopResim .owl-carousel .owl-nav{display:block!important;}
  #mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav {z-index: 2; position: absolute;right:0;left:0;top:40%;}
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev {left:35px;}
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGallerynext {right:35px;}
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .ProductListnext,.owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .InstaGallerynext,
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {border:none;width: 46px;height:43px;cursor: pointer; text-align: center;position: absolute; font-size: 0;display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev, .owl-carousel .owl-nav .InstaGalleryprev, .owl-carousel .owl-nav .ProductListprev{background: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/righticon.svg') no-repeat center;background-size: 43px;}
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext, .owl-carousel .owl-nav .InstaGallerynext, .owl-carousel .owl-nav .ProductListnext{background: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/lefticon.svg') no-repeat center;background-size: 43px;}
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListprev:before,.owl-carousel .owl-nav .ProductListnext:before,.owl-carousel .owl-nav .InstaGalleryprev:before,.owl-carousel .owl-nav .InstaGallerynext:before,#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {display: none;}

  body #mainHolder_divDesign .owl-carousel .owl-dots,body .owl-carousel .owl-dots {display: none; float: left; width: 100%; text-align: center; margin-top: 20px; }
  body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot,body .owl-carousel .owl-dots .owl-dot {width: 10px; height: 10px; background: transparent; border: none; margin: 0 6px; border-radius: 100%; display: inline-block; vertical-align: top; cursor: pointer;}
  body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot.active,body .owl-carousel .owl-dots .owl-dot.active {background: var(--ng-gold-500);}
  body #mainHolder_divDesign .owl-carousel .owl-dots .owl-dot span,body .owl-carousel .owl-dots .owl-dot span{width: 10px;height: 10px;background: #fff;border-radius: 50%;margin: auto; cursor: pointer;border: none}

  #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListprev{background: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/white-lefticon.svg') no-repeat center;background-size: 43px;}
  #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-nav .ProductListnext{background: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/white-righticon.svg') no-repeat center;background-size: 43px;}
  #mainHolder_divDesign .owl-carousel.anasayfa_tek_slider .owl-dots{display: block;}
  /*urunslider*/
  .sliderBannerContainer { float: left; width: 100%; position: relative;margin:0;}
  .sliderBannerContainer .Block_Link{display:none;}
  .sliderBannerContainer .ProductList { display: block !important;margin: 0 auto;}
  .sliderBannerContainer .Jbutonlar { display: none; }
  .sliderBannerContainer .jCarouselLite {float: left;width: 100%;}
  /*detayurunslider*/
  .detaySliderContainer {float: left; width: 100%; position: relative;margin:105px 0 0 0;}
  .detaySliderContainer .ProductList { display: block !important;margin: 0 auto;}
  .detaySliderContainer .Jbutonlar { display: none; }
  .detaySliderContainer .jCarouselLite {float: left;width: 100%;}
  /*pnlSlider*/
  #pnlSlider {position:relative;float: left;width:100%;margin:0;padding: 0;}
  #pnlSlider ul {list-style: none;padding: 0;margin: 0;}
  #pnlSlider ul li { display: block; }
  #pnlSlider ul li a { display: block; }
  #pnlSlider ul li a img { width: 100%; display: block;}
  #pnlSlider .flex-control-nav {position: absolute;bottom: 20px;right:0;left: 0;}
  #pnlSlider .flex-control-paging li {margin: 0 2px;}
  #pnlSlider .flex-control-paging li a {float: right; width: 11px;height:11px;border-radius:100%;border:none;box-shadow:none;text-shadow:none;background: #fff;}
  #pnlSlider .flex-control-paging li a.flex-active {background: #000;}
  #pnlSlider .flex-direction-nav { position: absolute;left:20px;right: 20px;top: 45%;}
  #pnlSlider .flex-direction-nav li {display: inline-block;vertical-align:top;}
  #pnlSlider .flex-direction-nav .flex-nav-prev {float: left;}
  #pnlSlider .flex-direction-nav .flex-nav-next {float: right;}
  #pnlSlider .flex-direction-nav .flex-prev,
  #pnlSlider .flex-direction-nav .flex-next {color: #fff;border:none;background:transparent;width:auto;height: auto;border-radius:0; top: 0;margin: 0;padding: 0;box-shadow:none;opacity: 1;font-size: 0;position: relative;text-shadow:none;text-align:center;}
  #pnlSlider .flex-direction-nav .flex-prev{left: 0;}
  #pnlSlider .flex-direction-nav .flex-next{right: 0;}
  #pnlSlider .flex-direction-nav .flex-prev:before,
  #pnlSlider .flex-direction-nav .flex-next:before {font-size: 0;}
  #pnlSlider .flex-direction-nav .flex-prev:before {}
  #pnlSlider .flex-direction-nav .flex-next:before {}
  #pnlSlider .flex-direction-nav .flex-prev:hover,
  #pnlSlider .flex-direction-nav .flex-next:hover {}
  #pnlSlider .flex-direction-nav a:before { text-shadow: none; }
  #pnlSlider .flex-direction-nav a:after { text-shadow: none; }
  #pnlSlider .HPSItems .flex-control-thumbs {position: static;background: #fff;text-align:center;}
  #pnlSlider .HPSItems .flex-control-thumbs li {display: inline-block;vertical-align:top;float: none;max-width: 100%;}
  #pnlSlider .HPSItems .flex-control-thumbs img {opacity: 1;}
  #pnlSlider .HPSItems .flex-control-thumbs .flex-active {}
  .HomePageSlideShowContainer {float: left;width: 100%;position:relative;}
  .HomePageSlideShowContainer .HomePageSlideShow { padding: 0;width: 100%;}
  .HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; width: 100%; }
  .HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; }
  /*sitekodlari*/
  .hesabimAnasayfaMenuler ul li a:hover .fa{color: #fff;}
  .siparisTakipSayfasi { background: #fff; }
  .siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; }
  .sepetiTemizle { float: right; line-height: 43px; padding: 0 10px; }
  .popupSepet { width: 99%; }
  .popupSepet #hed div { width: 94%; }
  .sayfaIcerik * { font-family: 'Judson', sans-serif !important; }
  #mainHolder_UrunDetay_imgCookie { display: none !important; }
  .product_social_icon_wrapper { display: none; }
  .HesabimContainer .urunDetayPanel { max-height: 100%; }
  .orders { width: 100%; }
  .TumKategoriler { display: none; }
  .mobilMenuAcButton,.searchClick, .mycartClick, .welcomeOpen { display: none; }
  .userLoginBtn, .userSignBtn { border: none !important; }
  .magazaTeslimatBilgisiContent{display: none;}
  #store_region_container{display: none;}
  #ticimaxCopyright{float: left;width: 100%;}
  section{float: left;width: 100%;}
  .sepetimBody .Basketstep ul li.pasif{opacity: 1;}
  .sepetimBody ul{padding: 0;margin: 0;list-style: none;}
  .sepetimBody .sepetItemB1 span.KampanyaTanimSpan{display: inline-block;}
  /*Site ici scroll alanlar*/
  #divOnyazi::-webkit-scrollbar, .urunTabAlt::-webkit-scrollbar, .SmallImages::-webkit-scrollbar, .SepetBlockInfo::-webkit-scrollbar, .searchContent ul::-webkit-scrollbar, body .kombinContent ul::-webkit-scrollbar, .CartProduct .SProduct::-webkit-scrollbar, .yanResimliMenu .KatMenu1::-webkit-scrollbar, .UrunGuruplari .Block_Text::-webkit-scrollbar, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar, .mobilMenu .menuIcerikAlan::-webkit-scrollbar, .mobilMenu .navUl > li > ul::-webkit-scrollbar,
  .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar{width: 5px;}
  #divOnyazi::-webkit-scrollbar-track, .urunTabAlt::-webkit-scrollbar-track, .SmallImages::-webkit-scrollbar-track, .SepetBlockInfo::-webkit-scrollbar-track, .searchContent ul::-webkit-scrollbar-track, body .kombinContent ul::-webkit-scrollbar-track, .CartProduct .SProduct::-webkit-scrollbar-track, .yanResimliMenu .KatMenu1::-webkit-scrollbar-track, .UrunGuruplari .Block_Text::-webkit-scrollbar-track, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-track, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-track, .mobilMenu .navUl > li > ul::-webkit-scrollbar-track,
  .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-track{ background: #efefef;}
  #divOnyazi::-webkit-scrollbar-thumb, .urunTabAlt::-webkit-scrollbar-thumb, .SmallImages::-webkit-scrollbar-thumb, .SepetBlockInfo::-webkit-scrollbar-thumb, .searchContent ul::-webkit-scrollbar-thumb, .CartProduct .SProduct::-webkit-scrollbar-thumb, body .kombinContent ul::-webkit-scrollbar-thumb, .UrunGuruplari .Block_Text::-webkit-scrollbar-thumb, .yanResimliMenu .KatMenu1::-webkit-scrollbar-thumb, .ProductPreviewContent .ProductPreviewLeft .PreviewallImages::-webkit-scrollbar-thumb, .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb, .mobilMenu .menuIcerikAlan::-webkit-scrollbar-thumb, .mobilMenu .navUl > li > ul::-webkit-scrollbar-thumb,
  .mobilMenu .navUl > li > ul li ul::-webkit-scrollbar-thumb{background: #f04873;}
  /*Site ici scroll alanlar*/
  /*------------------------------------Sabit Renkler--------------------------------------------*/
  /*sepetvebutonrenk*/
  body .button, .baglanButton, .siparisOzetTakip, body.sepetimBody .basketCompletebtn, #AdresContent .button, .BasketPage .OdemeMenu ul li.activeMenu > a , .pageNumberContent a:hover, .menuUstBolum, body .category-vertical-filters.top-filters .FiltreUst, .SepetUst, .urunOzellikTab .urunTab >ul >li[onofftip="true"] > a, .tooltip-inner, .welcome.active,
  .sepetimBody .Basketstep ul li.aktif{ background: var(--ng-navy-700);}
  /*bordercolor*/
  .iletisimContent .iletisimRight .iletisimbanka .span > .line1:nth-child(n+2), body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir, .pageNumberContent a:hover,
  .OdemeMenu ul li.activeMenu{ border-color: #061D4C;}
  /*tooltip*/
  .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: #061D4C;}
  .tooltip.right .tooltip-arrow {border-right-color: #061D4C;}
  .tooltip.left .tooltip-arrow {border-left-color: #061D4C;}
  .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #061D4C;}
  .baglanButton { border-color: transparent; }
  .Basketstep ul li:before { border: 1px solid #061D4C;}
  .sepetimBody .Basketstep ul li.aktif:after{border-top-color:#061D4C; }
  /*color*/
  .sepetTitle .st_1,body .sepetTitle2 .st_1, body .BasketRigth ul li.genelToplam .tut, body .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, .TeslimatAdresTittle, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, .iletisimContent .categoryTitle .categoryTitleText, body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span,
  body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,
  body.sepetimBody .mobileAddition > .addition-content > .TotalPrice,
  body.sepetimBody .mobileAddition > .addition-content::before{color: #061D4C;}
  /*HoverRenk*/
  .button:hover, .userLoginBtn:hover, .userSignBtn:hover, .BasketPage .OdemeMenu ul li:hover >a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover, #AdresContent .button:hover, .basketCompletebtn:hover, .KasaOnuFirsatlarContent ul li a.button:hover,
  .ProductIcon2 > div > a:hover{ background: #061D4C;}
  /*colorhover*/
  .BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .baglanButton:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover,.headerSocialConnect .baglanButton a:hover,
  .CartProduct .SProduct li a:nth-child(2):hover *{color: #061D4C;}
  /*bordercolorhover*/
  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li >a:hover, .BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover >a,.BasketPage .alisverisedevamet:hover,
  .CartProduct .headerCartBtn:hover{border-color: #061D4C;}
  /*color*/
  .siparisOzetTakip {color: #fff;}
  .BasketDetail table tbody tr td a { display: inherit; }
  .BasketDetail table tbody tr td:last-child a { display: block; }
  .sepetimBody #header:after { display: none; }
  body .alisverisedevamet{background: #fff;}
  /*bordercolor*/
  .KasaOnuFirsatlarContent ul li a.button:hover { border: none !important; }
  .BasketPage a.YeniAdresEkle:hover {color: #fff !important; }
  .baglanButton:hover { background: transparent; }
  body .adresGir .kirmiziButon:hover {background: #9e1a20!important;color: #fff !important;}
  body .adresGir .yesilButon:hover {background:#406d20!important;color: #fff !important;}
  /*------------------------------------Sabit Renkler--------------------------------------------*/
  .divRelatedProductsPopup .ulRelatedProducts{list-style: none;padding: 0;margin: 0;}
  .bottomHead {display: none;}
  #divSliderYani {display: none;}
  body {background: #fff;}
  #divIcerik{padding: 0 60px}
  /*siteozelalan*/
  .blok{width: 100%;float: left;}

  .ht-left{float: left;}
  .ht-left ul{padding: 0;margin: 0;list-style: none;}
  .ht-left ul li{float: left;margin: 0 8px 0 0;}
  .ht-left ul li:before{content: "\f111";font-family: 'FontAwesome';color: #061D4C;float: right;font-weight: 600;font-size: 2px;line-height: 18px;margin-left: 8px;}
  .ht-left ul li:last-child:before{display: none;}
  .ht-left ul li a{color: #061D4C;font-size: 14px;font-weight: 400;}

  body .widgetContainer{float: left;width: 100%;}
  body .widgetContainer .widgetArea{float: left;width: 100%;}
  body .widgetContainer .widgetArea ul{float: left;width: 100%;display: flex;justify-content: center;align-items: center;gap: 95px;}
  body .widgetContainer .widgetArea ul li{float: left;width: unset;}
  body .widgetContainer .widgetArea ul li .box{float: left;display: flex;align-items: center;gap: 20px;}
  body .widgetContainer .widgetArea ul li .box .contentArea .titleH{color: #3C3436;font-size: 16px;line-height: 20px;font-weight: 400;}

  body .footerTemp .ebultenWidthContainer .footerTempRow{justify-content: space-between;}
  body .footerTemp .ebultenWidthContainer .elementor-column[data-col="20"]:first-child{width: 30%;}
  body .footerTemp .ebultenWidthContainer .elementor-column[data-col="20"]{width: unset;}
  body .footerTemp .footerBottomArea .footerTempRow .footerTempColumnDiv{align-items: center;}

  /* Favori kalbi sag ALT kosede - sag ust rozetlerle cakismaz */
  .productItem .favori  {display: block!important;position: absolute;right: 12px;top: auto;bottom: 12px;}
  .productItem .favori > a {display: block;font-size: 0;text-align: center;transition: all 0.3s ease-out 0s;}
  .productItem .favori a:before {content: '\f004';font-size: 18px;line-height: 18px;color: var(--ng-navy-500);display: block;font-weight: 100;font-family: 'FontAwesome';}
  .productItem .favori a:hover:before,
  .productItem .favori a.listfavoriAktif:before{font-weight: 600;color: var(--ng-gold-500);}

  .productItem .productLeft{position: absolute;left: 10px;top:10px;z-index: 4;}
  .productItem .productLeft > div{display: block;float: left;clear: left;border-radius: 4px;padding: 0 8px;font-weight: 500;height: 24px;line-height: 24px;text-align: center;color: var(--ng-navy-900);font-size: 12px;background: var(--ng-gold-300);overflow: hidden;margin: 0 0 5px;}

  /* Tum rozetler ayni katmanda */
  .productItem .productFaMyEx > div,
  .productItem .productLeft > div,
  .productItem .productFaMyEx .cargoIcon,
  .productItem .productFaMyEx .newIcon,
  .productItem .productFaMyEx .discountIcon{ z-index: 4; position: relative; }
  .productItem .favori{ z-index: 5; }
  .productItem .TukendiIco{ z-index: 6; }

  /* Rozetler gorselin altinda kalmasin */
  .productItem .productFaMyEx{position: absolute;right: 10px;top:10px;z-index: 4;}
  .productItem .productFaMyEx .discountIcon{display: block;float: right;clear: right;border-radius: 4px;padding: 0 8px;font-weight: 500;height: 24px;line-height: 24px;text-align: center;color: var(--ng-navy-900);font-size: 12px;background: var(--ng-gold-300);overflow: hidden;margin: 0 0 5px;}
  .productItem .productFaMyEx .newIcon{display: block;float: right;clear: right;border-radius: 4px;padding: 0 8px;font-weight: 500;height: 24px;line-height: 24px;text-align: center;color: var(--ng-navy-900);font-size: 12px;background: var(--ng-gold-300);overflow: hidden;margin: 0 0 5px;}
  .productItem .productFaMyEx .cargoIcon{display: block;float: right;clear: right;border-radius: 4px;padding: 0 8px;font-weight: 500;height: 24px;line-height: 24px;text-align: center;color: var(--ng-navy-900);font-size: 12px;background: var(--ng-gold-300);overflow: hidden;margin: 0 0 5px;}

  .productDetailLeftWidget{position: absolute;left: 10px;top:10px;}
  .productDetailLeftWidget > div{display: block;float: left;clear: left;font-weight: 400;height: 28px;line-height: 28px;text-align: center;color: #717171;font-size: 16px;background: #FFFFFF;overflow: hidden;margin: 0 0 5px;}

  body .teknikDetay{border: none!important;}

  .UFavorilerimeEkle{font-size: 0;margin: 0;overflow:hidden;float: left;transition: all .3s ease-in-out;position: absolute;right: 0;top: 0;}
  .UFavorilerimeEkle a{background: #FFF;float: left;transition: all .3s ease-in-out;}
  .UFavorilerimeEkle .boxIcon{display: none;}
  .UFavorilerimeEkle .box1{font-size: 0;}
  .UFavorilerimeEkle .box1 i{font-size: 18px;line-height: 22px;text-align: center;width: 100%;color: #000000;font-weight: 500;transition: all .3s ease-in-out;}
  .UFavorilerimeEkle #aFavroriCikarBtn .box1 i,
  .UFavorilerimeEkle:hover .box1 i{font-weight: 600;}

  .header-button a{font-weight: 600;}
  #spnTopSepetToplamUrun{ position: absolute; right: -10px; top: -10px; width: 18px; height: 18px; background: var(--ng-gold-500); border: 1px solid white; border-radius: 100%; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; }
  .header-cart-link{margin-right: 9px;}
  .header-wrapper > div{padding: 0 60px;}

  body #headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {padding: 0;margin: 0;}
  body #divTopProductSearch .searchform-wrapper{border: none;border-bottom: 1px solid rgba(237, 237, 237, 1);}
  body #top-bar .headerContainer > div{width: 33.33%;}
  body #top-bar .headerContainer div.flex-center > div{justify-content: center;}
  body .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon .nav-submenu{padding: 0;}

  /* ============================================================
    MENU ANIMASYONLARI
    ------------------------------------------------------------
    Not: Menu orijinalde display:none <-> block ile aciliyordu.
    display ozelligi animasyon KABUL ETMEZ, "tak" diye acilmasinin
    sebebi buydu. Bunun yerine visibility + opacity + transform
    kullaniyoruz; ucu de animasyon kabul eder.
    ============================================================ */

  /* --- 1) Alt menu yumusak acilis (asagi dogru suzulerek) --- */
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > .menu-wrap{
    display: block !important;      /* display artik hic degismiyor */
    visibility: hidden;             /* gorunurlugu bu yonetiyor */
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;           /* kapaliyken tiklamayi engelle */
    transition: opacity .28s ease,
                transform .28s ease,
                visibility 0s linear .28s !important;  /* kapanisi animasyon bitince gizle */
  }
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar:hover > .menu-wrap{
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition: opacity .28s ease,
                transform .28s ease,
                visibility 0s !important;              /* acilista aninda gorunur ol */
  }

  /* --- 2) Menu linki altinda soldan saga altin cizgi ---
    Cizgi tam piksel (2px, kesirli degil) kullaniyor: sub-pixel bir
    yukseklik, transform:scaleX() animasyonu sirasinda GPU'nun anti-
    aliasing'i yuzunden animasyon bitince cizginin birden incelmis gibi
    gorunmesine sebep oluyordu. */
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a.nav-item-link{
    position: relative;
    transition: color .25s ease;
  }
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a.nav-item-link:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    height: 2px;
    background: var(--ng-gold-500);
    transform: scaleX(0);           /* kapali: genislik sifir */
    transform-origin: left center;  /* SOLDAN saga acilir */
    transition: transform .32s cubic-bezier(.22,.61,.36,1);
  }
  .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li:hover > a.nav-item-link:after{
    transform: scaleX(1);           /* acik: tam genislik */
  }

  /* --- 3) Alt menu ic linkleri de yumusak gecsin --- */
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a{
    transition: color .2s ease, padding-left .2s ease;
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover{
    padding-left: 0;
  }

  /* ============================================================
    MENU VITRIN KARTLARI
    ------------------------------------------------------------
    Alt kategoriler duz metin listesi yerine gorselli kart olarak
    gosterilir. Gorseller JS tarafindaki MENU_GORSELLERI listesinden
    gelir (Ticimax menude alt kategori gorseli tutmuyor).
    ============================================================ */

  /* --- Izgara --- */
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-kolon{
    display: flex !important;
    flex-wrap: wrap;
    gap: 22px 20px;
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    padding: 8px 0;
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon{
    display: contents !important;   /* sutun yapisini cozup tek izgaraya al */
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li{
    width: 150px !important;
    margin: 0 !important;
    list-style: none;
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a{
    display: block !important;
    text-align: center;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--ng-navy-700) !important;
    letter-spacing: .01em;
    transition: color .3s ease;
  }

  /* --- Kart gorseli --- */
  .ngVitrinGorsel{
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 12px;
    background: var(--ng-bg-soft);
    box-shadow: 0 1px 3px rgba(6,32,94,.06);
    transition: box-shadow .45s cubic-bezier(.22,.61,.36,1),
                transform  .45s cubic-bezier(.22,.61,.36,1);
  }
  .ngVitrinGorsel img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .7s cubic-bezier(.22,.61,.36,1);
  }
  /* Altin ince cerceve - hover'da beliriyor */
  .ngVitrinGorsel:after{
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    border-radius: 10px;
    border: 1px solid var(--ng-gold-500);
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
  }
  /* Alttan yumusak koyulasma - derinlik hissi */
  .ngVitrinGorsel:before{
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    border-radius: 10px;
    z-index: 1;
    background: linear-gradient(to top, rgba(6,32,94,.18), transparent 55%);
    opacity: 0;
    transition: opacity .45s ease;
    pointer-events: none;
  }

  /* --- Hover --- */
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover .ngVitrinGorsel{
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(6,32,94,.16);
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover .ngVitrinGorsel img{
    transform: scale(1.09);
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover .ngVitrinGorsel:after{ opacity: 1; }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover .ngVitrinGorsel:before{ opacity: 1; }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover{
    color: var(--ng-gold-600) !important;
  }

  /* --- Isim alti ortadan disa acilan cizgi --- */
  .ngVitrinAd{
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
  }
  .ngVitrinAd:after{
    content: '';
    position: absolute;
    left: 50%; right: 50%; bottom: 0;
    height: 1px;
    background: var(--ng-gold-500);
    transition: left .38s cubic-bezier(.22,.61,.36,1),
                right .38s cubic-bezier(.22,.61,.36,1);
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .kolon > li > a:hover .ngVitrinAd:after{
    left: 0; right: 0;
  }

  /* ============================================================
    URUN DETAY EYLEM ALANLARI
    ------------------------------------------------------------
    Sorun: Koleksiyona Ekle 17px, digerleri 52px idi. Ikonlar
    karisik (<i> font ikonu + <svg>). Hizalar tutmuyordu.
    Cozum: Tum kutular tek olcu, tek stil, tek hizalama.
    ============================================================ */

  /* --- Kutu ailesi: hepsi ayni --- */
  body .ProductIcon > div,
  body .ProductIcon2 > div,
  body .UAddToCollection,
  body .UIstekListemeEkle,
  body .UKarsilastirma,
  body .FiyatHaberVer,
  body .UrunKargoBedava,
  body .TavsiyeEtBtnContent,
  body .YorumYazbtnContent,
  body .UGelinceHaberVer,
  body .UTelefonlaSiparis,
  body div.YorumYazbtnContent,
  body div.TavsiyeEtBtnContent {
    float: left;
    width: calc(50% - 10px) !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 5px 10px !important;
    padding: 0 !important;
    background: var(--ng-bg-soft) !important;
    border: 1px solid transparent !important;
    border-radius: var(--ng-radius) !important;
    overflow: hidden;
    transition: background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
  }
  body .ProductIcon > div:hover,
  body .ProductIcon2 > div:hover,
  body .UAddToCollection:hover,
  body .UIstekListemeEkle:hover,
  body .UKarsilastirma:hover,
  body .FiyatHaberVer:hover,
  body .UrunKargoBedava:hover,
  body .TavsiyeEtBtnContent:hover,
  body .YorumYazbtnContent:hover {
    background: #fff !important;
    border-color: var(--ng-gold-500) !important;
    
  }

  /* --- Kutu ici baglantilar: dikey ortalanmis, esit --- */
  body .ProductIcon > div > a,
  body .ProductIcon2 > div > a,
  body .UAddToCollection > a,
  body .UIstekListemeEkle > a,
  body .UKarsilastirma > a,
  body .FiyatHaberVer > a,
  body .UrunKargoBedava > a,
  body .TavsiyeEtBtnContent > a,
  body .YorumYazbtnContent > a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center !important;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center !important;
    gap: 8px;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--ng-navy-500) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: .06em;
    text-align: center;
    text-transform: none;
    transition: color .3s ease;
  }
  body .ProductIcon > div:hover > a,
  body .ProductIcon2 > div:hover > a,
  body .UAddToCollection:hover > a,
  body .UIstekListemeEkle:hover > a,
  body .UKarsilastirma:hover > a,
  body .FiyatHaberVer:hover > a,
  body .UrunKargoBedava:hover > a,
  body .TavsiyeEtBtnContent:hover > a,
  body .YorumYazbtnContent:hover > a {
    color: var(--ng-navy-900) !important;
  }

  /* --- Ikon kutusu: sabit olcu, ortalanmis --- */
  body .ProductIcon .boxIcon,
  body .ProductIcon2 .boxIcon,
  body .UAddToCollection .boxIcon {
    -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    fill: var(--ng-navy-500);
    transition: fill .3s ease, transform .35s cubic-bezier(.22,.61,.36,1);
  }
  body .ProductIcon > div:hover .boxIcon,
  body .ProductIcon2 > div:hover .boxIcon,
  body .UAddToCollection:hover .boxIcon {
    fill: var(--ng-gold-600);
    
  }
  body .ProductIcon .boxIcon svg,
  body .ProductIcon2 .boxIcon svg,
  body .UAddToCollection .boxIcon svg {
    width: 19px !important;
    height: 19px !important;
    display: block;
  }

  /* --- Metin --- */
  body .ProductIcon .box1,
  body .ProductIcon2 .box1,
  body .UAddToCollection .box1 {
    -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left;
    /* Uzun metinler kutudan tasmasin - 2 satirda kesilir */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 32px;
  }

  /* --- KOLEKSIYONA EKLE: ozel yapi ---
    Bu kutuda ikon ve metin AYNI span icinde (<span class="box1"><i>Koleksiyona Ekle</span>),
    digerlerinde ayri elemanlar. O yuzden ayri duzen gerekiyor. --- */
  body .UAddToCollection .box1{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    width: 100%;
    max-height: none !important;
    -webkit-line-clamp: unset !important;
    text-align: center !important;
    font-size: 11.5px !important;
    line-height: 16px !important;
  }
  body .UAddToCollection .box1 i{
    flex: 0 0 auto;
    font-size: 17px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }
  /* Tek basina kalan son kutu da ayni genislikte kalsin */
  body .ProductIcon2 > div:last-child{ width: calc(50% - 10px) !important; }

  /* --- KOLEKSIYONA EKLE: font ikonunu SVG diline yaklastir --- */
  body .UAddToCollection .box1 i,
  body .UAddToCollection i.fa,
  body .UAddToCollection i[class^="fa"],
  body .UAddToCollection i[class*=" fa"] {
    font-size: 18px !important;
    line-height: 24px !important;
    color: var(--ng-navy-500) !important;
    width: 24px; height: 24px;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    transition: color .3s ease, transform .35s cubic-bezier(.22,.61,.36,1);
  }
  body .UAddToCollection:hover .box1 i,
  body .UAddToCollection:hover i.fa {
    color: var(--ng-gold-600) !important;
    
  }

  /* --- Favori kalbi (sag ustte, ayri konumda) --- */
  body .UFavorilerimeEkle {
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  body .UFavorilerimeEkle:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none;
  }
  body .UFavorilerimeEkle a {
    min-height: 0 !important;
    padding: 6px !important;
    background: #fff !important;
    border-radius: 50%;
    transition: background .3s ease;
  }
  body .UFavorilerimeEkle .box1 i {
    font-size: 19px !important;
    color: var(--ng-navy-500) !important;
    transition: color .3s ease, transform .3s ease;
  }
  body .UFavorilerimeEkle:hover .box1 i {
    color: var(--ng-gold-500) !important;
    
  }

  /* --- Adet + Sepete Ekle + Hemen Al --- */
  body #txtbxurunSiparisAdedi,
  body #divAdetCombo select {
    height: 50px !important;
    border: 1px solid var(--ng-line) !important;
    border-radius: var(--ng-radius) !important;
    color: var(--ng-navy-700) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .06em;
    transition: border-color .3s ease;
  }
  body #txtbxurunSiparisAdedi:focus { border-color: var(--ng-gold-500) !important; }
  body .RightDetail .riSingle a.riUp,
  body .RightDetail .riSingle a.riDown { height: 50px !important; }
  body .RightDetail .riSingle a.riUp path,
  body .RightDetail .riSingle a.riDown path { fill: var(--ng-navy-500); transition: fill .25s ease; }
  body .RightDetail .riSingle a.riUp:hover path,
  body .RightDetail .riSingle a.riDown:hover path { fill: var(--ng-gold-600); }

  body .basketBtn input,
  body .buyfast input {
    height: 50px !important;
    border-radius: var(--ng-radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .10em;
    text-transform: uppercase;
    transition: background .3s ease, border-color .3s ease, transform .2s ease, box-shadow .3s ease;
  }
  body .basketBtn input:hover,
  body .buyfast input:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -8px rgba(6,32,94,.35);
  }
  /* "Hemen Al" altin (gold) renkte, beyaz yazili - background/border/color
     ucu TEK yerde birlikte tanimlaniyor (baska bir kuralin ".buyfast
     input:hover" icin sadece color tanimlayip background/border'i
     unutmasi gibi bir riske karsi). Hover darken (gold-600, ince
     koyulasma) - lighten (gold-300) kullanilsaydi uzerindeki beyaz yazi
     neredeyse gorunmez olurdu. */
  body .buyfast input {
    background: var(--ng-gold-500) !important;
    border-color: var(--ng-gold-500) !important;
    color: #fff !important;
  }
  body .buyfast input:hover {
    background: var(--ng-gold-600) !important;
    border-color: var(--ng-gold-600) !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  /* --- Sekmeler: Yorumlar / Odeme Secenekleri / Urun Onerileri --- */
  body .urunOzellikTab .urunTab > ul > li {
    border-bottom: 1px solid #EFEFEF;
  }
  body .urunOzellikTab .urunTab > ul > li > a {
    position: relative;
    color: var(--ng-navy-700) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .10em;
    text-transform: uppercase;
    line-height: 52px !important;
    transition: color .3s ease;
  }
  body .urunOzellikTab .urunTab > ul > li > a:hover { color: var(--ng-gold-600) !important; }
  /* +/- ikonu iki AYRI cizgiden olusuyor (::before = hep yatay, ::after =
     kapaliyken dikey) - CSS "content" ozelligi ara deger uretemedigi icin
     tek bir FontAwesome glyph'i ('+' <-> '-') ANI ziplardi; burada
     sadece dikey cizgi 90 derece donup yatay cizginin ustune biniyor,
     "+" transform ile yumusakca "-"ya donusuyor. */
  body .urunOzellikTab .urunTab > ul > li > a:before,
  body .urunOzellikTab .urunTab > ul > li > a:after {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    width: 12px;
    height: 2px;
    background: var(--ng-gold-500);
    border-radius: 1px;
    transition: transform .35s cubic-bezier(.22,.61,.36,1), background .3s ease;
  }
  body .urunOzellikTab .urunTab > ul > li > a:before {
    transform: translateY(-50%);
  }
  body .urunOzellikTab .urunTab > ul > li > a:after {
    transform: translateY(-50%) rotate(90deg);
  }
  body .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a:after {
    transform: translateY(-50%) rotate(0deg);
  }
  body .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a:before,
  body .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a:after {
    background: var(--ng-navy-900);
  }
  body .urunOzellikTab .urunTab > ul > li[onofftip="true"] > a {
    background: transparent !important;
    color: var(--ng-navy-900) !important;
  }

  /* --- Mobil --- */
  @media (max-width: 767px) {
    body .ProductIcon > div,
    body .ProductIcon2 > div,
    body .UAddToCollection,
    body .UIstekListemeEkle,
    body .UKarsilastirma,
    body .FiyatHaberVer,
    body .UrunKargoBedava,
    body .TavsiyeEtBtnContent,
    body .YorumYazbtnContent {
      width: calc(50% - 8px) !important;
      min-height: 50px !important;
      margin: 0 4px 8px !important;
    }
    body .ProductIcon > div > a,
    body .ProductIcon2 > div > a,
    body .UAddToCollection > a {
      min-height: 50px;
      gap: 6px;
      font-size: 11px !important;
      padding: 6px 8px !important;
    }
    body .ProductIcon .boxIcon,
    body .ProductIcon2 .boxIcon,
    body .UAddToCollection .boxIcon { width: 20px !important; height: 20px !important; }
    body .ProductIcon .boxIcon svg,
    body .ProductIcon2 .boxIcon svg { width: 17px !important; height: 17px !important; }
    body .ProductIcon .box1,
    body .ProductIcon2 .box1,
    body .UAddToCollection .box1 { font-size: 11px !important; }
  }

  /* ============================================================
    URUN DETAY ODEME KARTLARI
    ------------------------------------------------------------
    Tek cekim ve havale fiyatini yan yana iki kart olarak gosterir.
    Veriler Ticimax'in kendi "Odeme Secenekleri" sekmesinden
    (#ltrTekCekim / #ltrHavaleFiyati) okunur, JS tarafinda islenir.
    Havale aktif degilse kartlar hic olusmaz.
    ============================================================ */
  .ngOdemeKartlari{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
    float: left;
    margin: 16px 0 4px;
  }
  .ngOdemeKart{
    border: 1px solid var(--ng-line);
    border-radius: 8px;
    padding: 16px 16px 20px;
    text-align: center;
    background: #fff;
    transition: border-color .3s ease, box-shadow .3s ease;
  }
  .ngOdemeKart:hover{
    border-color: var(--ng-gold-500);
    box-shadow: 0 6px 18px rgba(6,32,94,.07);
  }
  .ngOdemeBaslik{
    font-size: 15px;
    font-weight: 400;
    color: var(--ng-navy-700);
    margin-bottom: 6px;
  }
  .ngOdemeFiyat{
    font-size: 21px;
    font-weight: 600;
    color: var(--ng-navy-700);
    line-height: 1.3;
    margin-bottom: 14px;
  }
  /* Visa / Mastercard / Troy logolari - ucunun de en-boy orani farkli
     oldugu icin (Visa genis/yassı, Mastercard daha kare, Troy arasi)
     genislik yerine yuksekliğe gore olculendiriliyor, kendi dogal
     oranlarini korurlar. */
  .ngOdemeKartLogo{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: 34px;
  }
  .ngOdemeKartLogo img{ display: block; width: auto; }
  .ngOdemeKartLogo .ngVisaLogo{ height: 13px; }
  .ngOdemeKartLogo .ngMastercardLogo{ height: 22px; }
  .ngOdemeKartLogo .ngTroyLogo{ height: 16px; }

  /* "Kazancin" rozeti - altin zemin */
  .ngKazanc{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    border-radius: 6px;
    background: var(--ng-gold-300);
    color: var(--ng-navy-900);
    padding: 0 10px;
    box-shadow: 0 8px 14px -6px rgba(6,32,94,.18);
  }
  .ngKazancEtiket{ font-size: 12px; font-weight: 500; }
  .ngKazancTutar{ font-size: 13px; font-weight: 700; }

  /* --- Sagdaki kapak gorseli (panelden eklenen) --- */
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image{
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image a{
    display: block;
    overflow: hidden;
    border-radius: 10px;
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image img{
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
    transition: transform .7s cubic-bezier(.22,.61,.36,1);
  }
  .newHeaderNavigation:not(.mobileStyle) .menu-wrap .menu-list-image a:hover img{
    transform: scale(1.05);
  }

  .MenuImages{float: left;display: flex;flex-direction: column;gap: 20px;}

  body .pageNumber .divMoreProducts .button{padding: 0 10px;line-height: 40px;font-size: 16px;color: #FFFFFF;font-weight: 700;margin: 0 0 15px 0;}
  body .pageNumber .productCountBar{display: none!important;}
  body .pageNumber .productCountInfo{color: #0C0C0C;font-size: 14px;font-weight: 400;}

  /*siteozelalan*/
  @media screen and (min-width: 1660px) and (max-width: 1720px){
    .leftImage{width: 1100px;}
    .RightDetail{width: calc(100% - 1100px);}
  }
  @media screen and (min-width: 1540px) and (max-width: 1660px){
    .leftImage{width: 990px;}
    .RightDetail{width: calc(100% - 990px);}
  }
  @media screen and (min-width: 1500px) and (max-width: 1539px){
    .leftImage{width: 950px;}
    .RightDetail{width: calc(100% - 950px);}
  }
  @media screen and (min-width: 1380px) and (max-width: 1500px){
    .leftImage{width: 900px;}
    .RightDetail{width: calc(100% - 900px);}
  }
  @media screen and (min-width: 1300px) and (max-width: 1380px){
    .leftImage{width: 850px;}
    .RightDetail{width: calc(100% - 850px);}
  }
  @media screen and (min-width: 1240px) and (max-width: 1300px){
    .leftImage{width: 750px;}
    .RightDetail{width: calc(100% - 750px); padding: 0 0 0 30px;}
  }
  @media screen and (min-width: 1160px) and (max-width: 1240px){
    .leftImage{width: 650px;}
    .RightDetail{width: calc(100% - 650px);padding: 0 0 0 30px;}
  }

  @media (min-width:1042px) {
    /* Header pozisyonlamasi CSS "position:sticky" ile: scroll'un ilk
       pikselinden itibaren kesintisiz ustte kalir, logo asla gozden
       kaybolmaz (fixed/gectop tabanli iki asamali eski yontemler header'in
       once tamamen kaybolup sonra gecissiz geri sicramasina sebep olurdu). */
    #headerNew{position: sticky; top: 0; z-index: 1000;}
    /* Duyuru seridi "display:none" ile degil, max-height+opacity+translateY
       ile kapanip aciliyor - display animate edilemedigi icin bunun yerine
       genis bir max-height ust siniri kullanildi (gercek icerik bundan
       kisa oldugu surece sorunsuz gecis yapar). */
    #top-bar {
      overflow: hidden;
      max-height: 70px;
      opacity: 1;
      transform: translateY(0);
      transition: max-height .5s cubic-bezier(.4,0,.2,1), opacity .35s ease, transform .5s cubic-bezier(.4,0,.2,1);
    }
    #headerNew.gectop #top-bar {
      max-height: 0;
      min-height: 0; /* Ticimax'in kendi temel CSS'inde "#top-bar{min-height:28px}"
                        var - bizim degil. min-height max-height'i EZDIGI icin
                        (CSS kurali: cakismada min-height kazanir) bu olmadan
                        bar hicbir zaman gercekten sifira inmiyor, gorunmez ama
                        28px yer kaplayan "hayalet" bir seride donusuyordu -
                        canli DOM olcumuyle yakalandi. */
      opacity: 0;
      transform: translateY(-10px);
      pointer-events: none;
    }

    .SmallImages #divVideoGoruntulemeAlan {display: block!important;float: left; width: 50%!important; cursor: pointer; padding: 0;}
    .SmallImages #divVideoGoruntulemeAlan #vdUrunVideo {padding: 0 10px 10px 0;}
    .SmallImages #divThumpVideo {display: none!important}

  }
  @media (min-width:1042px) {
    .sortingContent { display: block !important; }
    .col-5li { width: 20%; }
    .mobilMenu{display: none;}

    .sortingContent li:nth-child(2) {display: none; }
    .categoryContainer .ProductList.PlSc_2 {max-width: 70%;margin: 0 auto;}
    .categoryTitle {position: relative;padding: 0 60px;float: left;width: 100%;z-index: 9;background: #fff;}

    .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet span {line-height: 28px;font-size: 16px;font-weight: 500;color: #3D5C5C;z-index: -1;}
    .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet .blockSelect {margin-right: 0!important;margin: 5px 0;}
    .brandlistselection .sortingContent .blockSelect a{margin: 0 10px; height: 20px; border: none;}
    .brandlistselection .sortingContent .blockSelect a i:before{display: block; height: 20px;line-height: 20px}
    .brandlistselection .sortingContent .blockSelect a.sort_3 i:before{content: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/uclu.svg');}
    .brandlistselection .sortingContent .blockSelect a.sort_3:hover i:before,
    .brandlistselection .sortingContent .blockSelect a.sort_3.Active i:before{content: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/uclu-active.svg');}
    .brandlistselection .sortingContent .blockSelect a.sort_4 i:before{content: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/dortlu.svg');}
    .brandlistselection .sortingContent .blockSelect a.sort_4:hover i:before,
    .brandlistselection .sortingContent .blockSelect a.sort_4.Active i:before{content: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/dortlu-active.svg');}

    body #divSayfalamaUst.Slct .brandlistselection .sortingContent {background: transparent;width: auto;float: right;padding: 0 !important;margin: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {float: left;height: 30px;font-size: 15px;letter-spacing: 0.15px;color: #222222;font-weight: 400;border: none;background: transparent;border-radius: 0;padding: 0 15px 0 5px;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;-o-appearance: none;width: auto;background: url('https://cdn.ticimax.cloud/uploads/sayfatasarim/elittasarim31/FiltreBg.svg') center right no-repeat;overflow: hidden;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li { height: auto; padding: 0; border-radius: 0; background: transparent; float: left; margin-right: 30px; }
    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 {line-height: 30px;font-weight: 400;float: left;margin: 0 40px 0 0;letter-spacing: 0.15px;color: #F04A4A; }
    body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock { padding: 0; background: transparent; color: #252525; font-size: 14px; }
    body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span {  font-weight: 350; display: inline-block; vertical-align: top; text-transform: uppercase; letter-spacing: .5px; }
    body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before { content: ''; width: 15px; height: 15px; border: 1px solid #e6e6e6; float: left;  margin-right: 10px; }
    body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before { background: #000; border-color: #000; }
    body #divSayfalamaUst .filterDeleteContent { float: left; margin: 0;  padding: 0; width: 100%; }
    body #divSayfalamaUst .filterDeleteContent .appliedFilter {padding: 0;margin: 0 15px 0 0;height: auto;background: transparent;border: 1px solid #666;width: auto;display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;}
    body #divSayfalamaUst .filterDeleteContent .appliedFilter a { width: 25px; margin: 0; }
    body #divSayfalamaUst .filterDeleteContent .appliedFilter a i { font-family: 'FontAwesome'; 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: #666;font-size: 12px;text-align: left;font-weight: normal;margin: 0 4px;}
    body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span + span {color: #666;margin-top: 0;}
    body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content {display: flex; align-items: center; justify-content: center; }
    body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir { display: block; border-color: #000; }
    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: #000; font-size: 12px; text-align: center; margin: 0; width: 100%; }
    .FiltreToggle {float: left;cursor: pointer;line-height: 34px;font-size: 11px;color: #231F20;text-indent: 0;text-transform: uppercase;display: flex;align-items: center;justify-content: center;font-weight: 300;padding: 0;}
    .CategoryText { float: left; width: 100%; margin-top: 120px; }
    .CategoryTextWrap { width: 1600px; margin: 0 auto; max-width: 100%; }
    .CategoryTextContent { font-size: 13px; color: #000000; line-height: 30px; letter-spacing: .25px; text-align: center; /*max-height: 120px;*/ overflow: hidden; overflow-y: auto; padding: 0px 100px; }
    body #divSayfalamaUst .filterBlock {float: left;border: none;border-radius: 0;width: 100%;background: rgb(255 255 255);position: relative;top: 34px;right: 0;padding: 0;display: none !important;box-sizing: border-box;z-index: 2;}
    body #divSayfalamaUst .filterBlock.active { display: block !important; }

    body #divSayfalamaUst .category-vertical-filters.top-filters {padding: 30px 25px;margin: 0;background: white;position: absolute;left: 0;right: 0;width: 100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {display: block;clear: both;margin: auto 0;position: relative;width: 100%;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel {width: 20% !important;margin: 0;padding: 0 0 30px 0;position: relative;}
    .category-vertical-filters.top-filters .panel.div-kategori {display: none; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel.vertical-top-price-filter { }
    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;margin-bottom: 20px !important;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading:after { }
    body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a {line-height: 20px;text-align: left;font-size: 18px;padding: 0;font-weight: 400;letter-spacing: 0.18px;color: #3C3436;text-transform: uppercase;}
    body .category-vertical-filters.top-filters .panel .panel-heading a:after { display: none; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown > li {float: left;text-align: left;margin: 0;width: 100%;padding: 0;background: transparent !important;margin-bottom: 10px;}
    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: 16px;font-size: 16px;color: #7C7779;font-weight: 400;letter-spacing: 0.16px;text-transform: uppercase;}
    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; width: 100%;}
    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 {display: inline-block;width: 16px;height: 16px;border-color: #838383;margin: 0;margin-right: 4px;vertical-align: top;float: left;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {background: transparent;content: '\f00c';font-family: fontawesome;font-size: 10px;line-height: 14px;display: block;text-align: center;font-weight: 400;color: #F04A4A;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {background: transparent;content: '\f00c';font-family: fontawesome;font-size: 10px;line-height: 14px;display: block;text-align: center;font-weight: 400;color: #F04A4A;}
    body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image { background: transparent !important; height: auto; }
    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: auto;display: block !important;position: static;box-shadow: none;-webkit-box-shadow: none;border: 0;padding: 0;margin: 0;font-size: 0;max-height: 210px;background: transparent;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range {background: #AAAAAA;height: 2px;width: 100%;margin: 11px 0 0;border: none;float: left;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range { background: #262626; height: 2px; margin-top: 0; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle {background: #707070;border-radius: 100%;width: 8px;height: 8px;border: none;margin-top: -3px;margin-right: 0;top: 0;box-shadow: none;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .amount {color: #231F20;font-size: 11px;font-weight: 500;left: 0;padding: 10px 0 0;float: left;width: 100%;text-align: center;margin-bottom: 0;}
    .ticiContainer.categoryContainer .btDetay {display: none; }
    .ProductBody .btListe {display: none !important; }
    .btListe {position: absolute;left: 85px;bottom: 35px;cursor: pointer;color: #FFFFFF;font-weight: 400;padding: 0;color: #231F20;font-size: 11px;line-height: 14px;border-bottom: 1px solid #231F20;font-weight: 500;padding: 2px 0;}
    .FiltreToggle:before {content: "+"; float: left;margin-right: 5px;font-size: 14px;}
    .FiltreToggle.active:before {content: "-";}
    .FiyatSlider {max-width: 170px; margin: 0px auto; }
    .FiyatSlider {max-width: 170px; margin: 0px auto; }
    .panel.div-kategori {float: left;width: auto;padding: 10px 0;overflow: hidden;display: none;}
    .panel-heading {border: none !important; height: 15px; padding: 0 !important; margin: 0 !important; }
    .panel.div-kategori > ul {padding: 30px 60px;background: white;position: absolute;left: 0;width: 320px;max-width: 50%;transform: translate(-100%);transition: .5s all;margin-top: -1px;display: block !important;z-index: 999;height: 100vh;overflow: hidden;}
    .panel.div-kategori li {list-style: none; padding: 0; margin: 0; }
    .panel.div-kategori > ul > li > a {font-size: 11px; line-height: 14px; font-weight: 600; text-transform: uppercase; }
    .panel.div-kategori > ul > li > ul > li {margin-bottom: 8px; }
    .panel.div-kategori > ul > li > ul > li a {font-size: 11px; line-height: 14px; color: #231F20; }
    .panel.div-kategori > ul > li:nth-child(1) {display: block; }
    .panel.div-kategori > ul > li {display: none; }
    .panel.div-kategori .panel-title {float: left; cursor: pointer; line-height: 14px; font-size: 11px; color: #231F20; text-indent: 0; display: flex; align-items: center; justify-content: center; font-weight: 400; }
    h1.categoryName {text-align: center;font-size: 20px;font-weight: 300;line-height: 34px;color: #000;display: inline-block;position: absolute;bottom: 0;width: 100%;left: 0;right: 0;z-index: -1;}
    .panel.div-kategori > ul > li > ul {padding: 20px 0 50px; margin: 0; }
    .panel.div-kategori:hover > ul {transform: translate(0%); }
    .brandlistselection {float: left;width: 100%;}

    .miniCartRigthScroll > .miniCartSatir2:nth-child(1){display:none;}
    .miniCartRigthScroll > .miniCartSatir1:nth-child(1) {display: none; }
    .miniCartRigthScroll > .miniCartSatir1:nth-child(2) {display: none; }
    .miniCartRigthScroll > .miniCartSatir2:nth-of-type(3) {display: none; }

    #divCartMiniContent .miniCartRigth .miniCartRigthScroll{height: 100%;}
    .miniCartRigthScroll .hediyeCekiBtnContent{padding: 1rem 0;}
    .miniCartRigthScroll .hediyeCekiBtnContent a .offers-tab {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content:center;}
    .miniCartRigthScroll .hediyeCekiBtnContent a .offers-tab svg{width: 1.5rem;height: 1.5rem;margin-right: 1rem;}
    .miniCartRigthScroll .hediyeCekiBtnContent a .offers-tab span{font-size: .889rem;letter-spacing: .16em;font-weight: 700;line-height: 16px;}
    .miniCartRigthScroll .miniCartContent{padding: .667rem 1.667rem;}
    .miniCartRigthScroll .miniCartContent .miniCartHr{background: #e0dad5;margin: 1.334rem 0 1rem;}
    .miniCartRigthScroll .miniCartContent .miniCartItem{flex-flow: row wrap;padding-top: 33px;}
    .miniCartRigthScroll .miniCartDetail {position:static;}
    .miniCartRigthScroll .miniCartDetail span.minimarka{line-height: 16px;}
    .miniCartRigthScroll .miniCartDetail span.minimarka a{color: #605858;font-size: .889rem;line-height: 16px;letter-spacing: .04em;}
    .miniCartRigthScroll .miniCartDetail span.miniurunAdi{line-height: 20px;}
    .miniCartRigthScroll .miniCartDetail span.miniurunAdi a{color: #221d1d;font-size: 1rem;line-height: 20px;letter-spacing: .04em;}
    .miniCartRigthScroll .miniCartDetail span.ministokKodu{color: #605858;font-size: .889rem;line-height: 16px;letter-spacing: .04em;}
    .miniCartRigthScroll .miniCartDetail .miniCartButtonSil{position:absolute;top: 0;right: 0;z-index: 1;margin: 0;}
    .miniCartRigthScroll .miniCartDetail .miniCartButtonSil a{width: 24px;height: 28px;font-size: 0;max-width: 100%;line-height: 28px;text-align:center;}
    .miniCartRigthScroll .miniCartDetail .miniCartButtonSil a:before{content: '\f00d';font-family: 'FontAwesome';font-weight: 400;font-size: 15px;color:#000;}
    .miniCartRigthScroll .miniCartDetail .miniCartButtonSil svg{display: none;}
    .miniCartRigthScroll .miniCartDetay .adettanim1{color: #605858;font-size: .889rem;line-height: 16px;letter-spacing: .04em;}

    .miniCartRigthScroll .miniCartItemprice .DiscountPrice{font-size: 1rem;color: #4e3844;font-weight: 400;}
    .miniCartLeftProduct .miniCartLeftProductIem .productDetail .regularPrice{margin-right: 6px;font-weight: 400;}
    .miniCartLeftProduct .miniCartLeftProductIem .productDetail .discountPrice{color: #AF5071;font-weight: 400;}
    #divCartMiniContent .miniCartLeftProduct .miniCartLeftProductIem{width: 167px;}
  }
  /* ------------------------------------Container--------------------------------------------*/
  .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{ max-width: 100%; margin: 0 auto;position: relative; clear: both; display: block; }

  .sliderBannerContainer .ProductList{max-width:100%;}
  .detaySliderContainer .ProductList{max-width:100%;}
  .homeContainer .ProductListContent .ProductList{max-width:100%;}
  .markaSlider .jCarouselLite{max-width:100%;}
  /**/
  .headerContent{text-align:center;}
  .innerContainer{}
  #divIcerik.homepage {}
  .UyeOl .ticiContainer{}
  #footer .ticiContainer{}
  .UyeGiris .ticiContainer{}
  .Magazalar .ticiContainer{}
  .sepetimBody .ticiContainer{margin: 0 auto;}
  .sepetimBody .headerContent{}
  .HesabimTakip .ticiContainer{}
  .Iletisimaspx .ticiContainer{}
  .homeContainer .ticiContainer{}
  .ticiContainer.homeContainer {}
  .ticiContainer.pageContainer {}
  .ticiContainer.categoryContainer {}
  .sepetimBody #footer .ticiContainer{}
  .ticiContainer.productDetailContainer {}
  .sepetimBody .footerSslLogo{display: none!important;}
  .sepetimBody .headerContent{box-shadow:none;}
  /**/
  .centerCount.Middle             {width: 100%;padding: 0;}
  .centerCount.userLoginContent   {width: 100%;padding: 0;}
  .centerCount.iletisimContent    {width: 100%;padding: 0;}
  .centerCount.UyeolContent       {width: 100%;padding: 0;}
  .centerCount.HesabimTakip       {width: 100%;padding: 0;}
  /**/
  .leftBlock   {float: left;width: 300px;padding-right: 20px;}
  .rightBlock  {float: right;width:300px;padding-left:20px;}
  .centerCount.LeftMiddle {width: calc(100% - 300px);}
  .centerCount.RightMiddle {width: calc(100% - 300px);}
  .centerCount {float: left;width: 100%;padding: 0;}
  /*SolOrtaSag*/
  .leftBlock.LeftMiddleRight   {width: 25%;}
  .rightBlock.LeftMiddleRight  {width: 25%;}
  .centerCount.LeftMiddleRight {width: 50%;}
  /**/
  .ticiContainer:before, .ticiContainer:after { content: ""; display: table; }
  .ticiContainer:after { clear: both; }
  .ticiContainer { clear: both; zoom: 1; }
  /* ------------------------------------Container--------------------------------------------*/
  /*Tablet ekranina kadar olan windows gorunumu*/
  @media screen and (min-width:1041px) and (max-width:1200px) {
    .leftBlock.LeftMiddle {width: 25%;padding-right: 20px;}
    .centerCount.LeftMiddle {width: 75%;}
    /*SolOrtaSag*/
    .leftBlock.LeftMiddleRight   {width:25%;}
    .rightBlock.LeftMiddleRight  {width:25%;}
    .centerCount.LeftMiddleRight {width:50%;}
    /*OrtaSag*/
    .rightBlock.MiddleRight  {width:25%;}
    .centerCount.MiddleRight {width:75%;}
    .homeContainer .col-5li { width: 25%;}
  }
  @media screen and (min-width: 1160px) and (max-width: 1239px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 1100px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:1100px;}
    .sliderBannerContainer .ProductList{max-width:1100px;}
    .detaySliderContainer .ProductList{max-width:1100px;}
    .markaSlider .jCarouselLite{max-width:1100px;}
    #divIcerik.homepage{margin: 0 auto;}
  }
  @media screen and (min-width: 1025px) and (max-width: 1159px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 960px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:960px;}
    .sliderBannerContainer .ProductList{max-width:960px;}
    .detaySliderContainer .ProductList{max-width:960px;}
    .markaSlider .jCarouselLite{max-width:960px;}
    #divIcerik.homepage{margin: 0 auto;}
  }
  @media (min-width: 768px) and (max-width: 1041px) {
    .mobilMenuAcButton{float: left;margin-top: 20px;margin-right: 50px;color: #000;fill: #000;}
    .mobilMenuAcButton span{display: block;font-size: 11px;}
    .mobilMenuAcButton svg{width: 30px;}
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    /* ------------------------------------Container--------------------------------------------*/
    .headerContent,body ul.breadcrumb,.navigation > div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer{max-width: 720px;}
    /* ------------------------------------Container--------------------------------------------*/
    .homeContainer .ProductListContent .ProductList{max-width:720px;}
    .sliderBannerContainer .ProductList{max-width:720px;}
    .detaySliderContainer .ProductList{max-width:720px;}
    .navigation .altMenu .altMenuler{max-width:720px;}
    .markaSlider .jCarouselLite{max-width:720px;}
    #divIcerik.homepage{margin: 0 auto;}
    .headerContent{margin: 0 auto;}
  }
  /* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
  @media (max-width:1041px) {
    /******************************************************/
    .navigation{display: none;}
    #divSayfalamaUst .filterBlock{display:block!important;}
    .mobilMenuAcButton{display:block;}
    body .dropdown-toggle:after { display: none; }
    body #divSayfalamaUst {  padding:0;margin:10px 0;width: 100%;border: none;background: transparent;}
    .urunListRel { width: 100%; }
    body .mobilFilterOpenBtn .button {padding: 0;margin: 0;color: #000;border: 1px solid #c3c3c3; width:calc(50% - 5px);float:left; line-height: 38px;background: #fff;font-size: 14px;display: inline-block;vertical-align:top;font-weight: 500;}
    body .mobilFilterOpenBtn .button:before {content: '';font-family: 'FontAwesome';display: inline-block;vertical-align:top;line-height: 38px;margin-right: 5px;font-weight: 300;}
    body .mobilFilterOpenBtn .button.mobilSiralamBtn {float: left;}
    body .mobilFilterOpenBtn .button.mobilFilterBtn {float: right;}
    body .mobilFilterOpenBtn .button.mobilFilterBtn:before {content: '\f1de';}
    body .mobilFilterOpenBtn .button.mobilSiralamBtn:before {content: '\f15d';}
    body .mobilFilterOpenBtn { margin:0;padding: 0;display: block!important;}
    .categorydesign .uNo{float: right;color: #999a9d;font-size: 12px;}
    body #divSayfalamaUst .filterDeleteContent{display: none;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(1):after{display: none;}

    body #divSayfalamaUst.Slct .brandlistselection{position:absolute;left: 0;top: 0;width:calc(50% - 5px);background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent{width: 100%;display: block!important;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li{width: 100%;background:transparent;padding: 0;margin: 0;border: none;border-radius: 0;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select{width: 100%;height: 40px;font-size: 0;text-indent: 0;border: none;color: #000;font-weight: 500;min-width: auto;border-radius: 0;background: transparent;-webkit-appearance:none;-moz--appearance:none;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent select option{font-size: 14px;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2){display: none;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;}

    body #divSayfalamaUst:not(.Slct) .brandlistselection{padding: 0;text-align:center;position: absolute;top: 100%;left: 0;right: 0;z-index: 10;border-bottom: none;background: #fff;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent{display: none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter){margin: 0;width: 100%;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a{border:none;text-align:center;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span{line-height: 35px;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet{display: none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) {display:none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(5) a:before{display:none;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li > a{border-bottom: 1px solid #e5e5e5;}
    body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4) > a{border-bottom:none;}

    body .category-vertical-filters.top-filters{display: block!important;width: 360px; position: fixed;top: 0;right:-100%;bottom: 0;z-index: 9999;background: #f3f5f8;margin: 0;padding: 0;border: none;transition:all .3s ease;}
    body .category-vertical-filters.top-filters ul{list-style: none;padding: 0;margin: 0;}
    body .filterBlock.active .category-vertical-filters.top-filters{right: 0;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreUst{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #fff;margin-bottom: 10px;padding: 0 10px;position: relative;text-align:center;display: block;}
    body .category-vertical-filters.top-filters .FiltreUst span{display: inline-block;vertical-align:top;position:absolute;left: 0;right: 0;top: 0;bottom: 0;}
    body .category-vertical-filters.top-filters .FiltreUst .closeFilt{float: left;font-size: 25px;position: relative; z-index: 1;}
    body .category-vertical-filters.top-filters .FiltreUst a{float: right;font-size: 13px;position: relative;z-index: 1;color: #fff;display:none;}
    body .category-vertical-filters.top-filters .FiltreUst a.active{display:block;}
    body .category-vertical-filters.top-filters .FiltreUst a i{color: #fff; font-size: 20px;display: inline-block;vertical-align:top;line-height: 50px;margin-left: 5px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .tukgo{float: left;width: 100%;margin-bottom: 10px;position: relative;padding: 0 10px;display: block;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .FiltreicerikAlan {float: left; width: 100%; max-height: calc(100% - 190px); overflow-y: auto; overflow-x: hidden; }
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn {float: left;width: 100%;text-align:center;margin-top: 10px;display: block;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .filtreUygulaBtn span{display: inline-block;vertical-align: top;background: #061d4c;padding: 10px;min-width: 150px;color: #fff;line-height: 30px;font-size: 15px;text-transform: uppercase;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock{float: left;width: 100%;line-height: 50px;font-size: 14px;color: #262324;text-align:left;padding: 0 0 0 15px;background: #fff;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before{content: '';float:right;width: 24px;max-height: 24px;position: absolute;top: 0;bottom: 0;right: 32px; border-radius: 100%;background: #c5c7c9;margin:auto 0;background: #fff;box-shadow:0 0 2px 0 #999;z-index: 1;transition:all 0.3s ease;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after{content: '';float:right;width: 40px;max-height: 16px;position: absolute;top: 0;bottom: 0;right: 0; border-radius: 20px;background: #c5c7c9;margin:auto 15px auto 0;transition:all 0.3s ease;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before{right: 15px;}
    body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after{background: #39d662;}

    body .category-vertical-filters.top-filters .panel .panel-heading{padding: 0;margin: 0;border: none;background: #fff;float: left;width: 100%;}
    body .category-vertical-filters.top-filters .panel .panel-heading a{float: left;width: 100%;text-align:left;color: #262324;font-weight: 500; font-size: 15px;line-height: 50px;padding: 0 10px;text-transform:uppercase;}
    body .category-vertical-filters.top-filters .panel .panel-heading a:after{top: 0;color: #000;font-weight: 300;font-family: 'FontAwesome';right: 10px;}
    body #divSayfalamaUst .category-vertical-filters.top-filters .moreNum{position: absolute;right: 40px;top: 0;bottom: 0;line-height: 50px;font-size: 15px;color: #000;display: block;}
    body .category-vertical-filters.top-filters .panel {float:left;width: 100%;margin-bottom: 10px;padding: 0 10px;}
    body .category-vertical-filters.top-filters .panel:last-child {margin-bottom: 0;}
    body .category-vertical-filters.top-filters .list-group.dropdown{border: none;position:static;box-shadow: none;}
    body .category-vertical-filters.top-filters .list-group.dropdown ul {margin-top: 10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li{width:100%;margin-right: 0;text-align:left;margin-bottom: 10px;}
    body .category-vertical-filters.top-filters .list-group.dropdown li a{color: #000;line-height: 16px;}
    body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a{font-size: 13px;color: #262324;font-weight: normal;float: left;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item:before{border-radius: 0;display: inline-block!important;width: 16px;height: 16px;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before{border-color: #000;background: #000;}
    body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image{background: transparent!important;height: auto;}
    body .category-vertical-filters.top-filters .panel.vertical-top-price-filter{width: 100%;margin:20px 0;}

    body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent{display: none!important;}
    body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before{display: none;}

    body .slider-range{margin: 0 0 15px 10px!important;width: calc(100% - 20px);}
    body .amount{padding: 0;}

    .centerCount{width:100%!important;}
    .leftBlock {display:none!important;}
    .rightBlock {display:none!important;}
    .homeContainer .leftBlock {}
    .homeContainer .rightBlock {}

    .UyeolContent .grid { margin: 30px 18px; }
    .owl-carousel .owl-item img { max-width: 100%; margin: 0 auto;}
    .mobileImageSlider .owl-stage-outer{float: left;width: 100%;}
    .uyeOlContainer #FrmYeniUye > .uyeOlCol{width: 100%;padding: 10px;margin: 10px 10px 0 0;}
    .uyeOlContainer .FormTitle{margin: 10px 0;padding: 10px 0;font-size: 18px;font-weight: 600;}
    .uyeOlContainer .uyeOlCol input.textbox{padding: 10px 0;}
    .uyeOlContainer .uyeOlCol select.selectboxx{padding: 10px 0;}
    .Magazalar .magazaSelect{width: 100%;margin-right: 0;}
    .Magazalar #searchStore{width: 100%;margin-right: 0;}

    /*MobilMenu*/
    .menuUstBolum { width: 100%; display: inline-block; float: left; margin-top:0; border-bottom:1px solid #e8e8e8;}
    .menuUstBolum .CloseBtnMenu { float: right; fill: #fff; width: 50px; text-align: center; margin:0;cursor: pointer;}
    .menuUstBolum .CloseBtnMenu svg{width: 20px;margin-top: 15px;}
    .menuUstBolum .menuBack { float: left; line-height: 50px;fill: #fff; color: #fff;font-size: 15px; text-align: center; margin:0;cursor: pointer;padding-left: 20px;}
    .menuUstBolum .menuBack svg {margin-right: 10px;float: left;margin-top: 15px;width: 20px;}
    .mobilMenu {position: fixed;left:-110%;top: 0;bottom: 0;width: 360px; z-index: 99999;background:#fff;transition:left .3s ease-in-out;}
    .mobilMenu.acik {left:0;}
    .mobilMenu ul{list-style: none;padding: 0;margin: 0;}
    .mobilMenu .menuIcerikAlan {float: left;width: 100%;height:calc(100% - 51px);position:absolute;top: 51px;right: 0;left: 0;}
    .mobilMenu .navUl { float: left;width: 100%;height: 100%;}
    .mobilMenu .navUl > li > ul li,
    .mobilMenu .navUl > li { float: left; width: 100%;border-bottom: 1px solid #e5e5e5;position: relative;padding: 0 0 0 5px;}
    .mobilMenu .navUl > li > ul li a,
    .mobilMenu .navUl > li > a{color: #000; font-size: 14px;font-weight:normal;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 15px;z-index:2;position: relative;width: 100%;}
    .mobilMenu .navUl .ulVar > a{width: auto;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2, .mobilMenu .navUl > li > ul li .ResimsizDown2, .mobilMenu .navUl > li .ResimsizDown,
    .mobilMenu .navUl > li .ResimliDown{float: right;position:absolute;right: 0;top: 0;left: 0;z-index: 1;padding-right: 20px;cursor: pointer;height: 40px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliDown2 svg, .mobilMenu .navUl > li > ul li .ResimsizDown2 svg, .mobilMenu .navUl > li .ResimsizDown svg,
    .mobilMenu .navUl > li .ResimliDown svg{float: right;width: 12px;margin-top: 12px;}
    /*Acilirmenuicerik*/
    .mobilMenu .altMenu .altMenuMarkalar,
    .mobilMenu .altMenu .altMenuler{float: left;width: 100%;height: 100%;overflow-y:auto;overflow-x:hidden;position: absolute;top: 0;right: 0;left: 0;}
    .mobilMenu .altMenu .altMenuSag{display:none;}
    .mobilMenu .altMenu .altmenuSol{float: left;width: 100%;height: 100%;}
    /**/
    .mobilMenu .navUl > li ul.over{overflow-y:hidden;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul,
    .mobilMenu .altMenu {position: fixed;left:-100%;top: 51px;bottom: 0;width: 360px;background: #fff;z-index: 3;transition:all 0.3s ease-in-out;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl.active, .mobilMenu .navUl > li > ul li ul.active, .mobilMenu .navUl > li > ul.active,
    .mobilMenu .altMenu.active {left: 0;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span, .mobilMenu .altMenu .altMenuMarkalar > span, .mobilMenu .altMenu .altmenuSol > span,.mobilMenu .navUl > li > ul li ul > span ,
    .mobilMenu .navUl > li > ul > span{color:rgba(40, 47, 54, 0.8);font-size: 18px;font-weight: 600;line-height: 55px;padding-left: 55px;border-bottom: 1px solid #e5e5e5;position: relative;float: left;width: 100%;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span a, .mobilMenu .altMenu .altMenuMarkalar > span a, .mobilMenu .altMenu .altmenuSol > span a,
    .mobilMenu .navUl > li > ul > span span{z-index: 0;position: relative;}
    .mobilMenu .navUl > li > ul li ul > span .NoiBack2, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn, .mobilMenu .altMenu .altmenuSol > span .UpBtn,
    .mobilMenu .navUl > li > ul > span .NoiBack{z-index: 1;padding-left: 20px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl > span .DownBtn svg, .mobilMenu .navUl > li > ul li ul > span .NoiBack2 svg, .mobilMenu .altMenu .altMenuMarkalar > span .UpBtn svg, .mobilMenu .altMenu .altmenuSol > span .UpBtn svg,
    .mobilMenu .navUl > li > ul > span .NoiBack svg{float: left;width: 17px;margin-top: 19px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li,
    .mobilMenu .navUl > li > ul li{ float: left; width: 100%;border-bottom: 1px solid #e5e5e5;position: relative;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl li > a, .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li > a,
    .mobilMenu .navUl > li > ul li a {color: #282f36; font-size: 14px;font-weight:500;line-height: 40px;display:inline-block;vertical-align:top; padding: 0 13px;z-index:2;position: relative;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul,.mobilMenu .navUl > li > ul,
    .mobilMenu .menuIcerikAlan{overflow-y:auto;overflow-x:hidden;}
    /*Markalar*/
    .mobilMenu .altMenu .altMenuMarkalar > a{float: left;width: 50%;padding: 0 13px;min-height: 57px;text-align:center;margin-bottom: 15px;}
  }
  /* Mobil Ekran */
  @media (max-width:767px) {
    body.overflow{overflow: hidden;}
    #divIcerik.homepage{margin: 0 auto;}
    body{}
    #header {min-height: 50px;}
    body.sepetimBody { padding-top: 0; }
    #lang_flag_container{display: none;}
    .userContainer .userLeftBox, .userContainer .userRightBox{padding: 0;}
    .userContainer .userRightBox{margin-top: 20px;}
    .SifremiUnuttumContent .userWrapper.SifremiUnuttum{width: 100%;padding: 0 10px;}
    .headerContent{margin: 0 auto;}
    #divIcerik{padding: 0 10px;margin: 0 auto;}
    .proCategoryTitle.categoryTitleText{padding: 0 10px;}
    #footer .ticiContainer{padding: 0 10px;}
    #divTicimaxCopyrightContent{text-align:center;float: left;width: 100%;margin-bottom: 40px;}
    #divTicimaxCopyrightContent a{display: inline-block;}
    #divTicimaxCopyrightContent img{display: inline-block;vertical-align:top;}
    /*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:175px; float: none; padding:5px 0; text-align: center;display:block;background:transparent;}
    #logo .logo img { max-width: 100%; display: inline-block; }
    /*header click button*/
    .mycart{top: 10px;right: 5px;width: 15px; height: 15px; z-index: 2;}
    .mycart .sepetUrunSayisi{width: 15px;height: 15px;line-height: 15px;background: #000;color: #fff;}
    .mobilMenuAcButton{display: block; position: absolute;top: 11px;left: 10px;}
    .searchClick{display: block; position: absolute;top: 11px;left: 50px;}
    .welcomeOpen{display: block; position: absolute;top: 11px;right: 50px;}
    .mycartClick{display: block; position: absolute;top: 11px;right: 10px;}
    .mobilMenuAcButton span{font-size:9px;display: block;line-height:9px;display:none;}
    .mobilMenuAcButton svg{width: 25px;}
    .searchClick svg{width: 25px;}
    .welcomeOpen svg{width: 22px;}
    .mycartClick svg{width: 25px;}
    /*mobilmenu*/
    .mobilMenu{width: 100%;bottom: 50px;}
    .mobilMenu .altMenu .altMenuler .altmenuSol > ul > li .ResimliMenu1AltUl, .mobilMenu .navUl > li > ul li ul, .mobilMenu .navUl > li > ul, .mobilMenu .altMenu{width: 100%;bottom: 50px;}
    .menuUstBolum{margin-top: 0;}
    /*sepetalan*/
    .CartProductInner { position: absolute; top: 50px; bottom: 0; width: 100%; left: 0; right: 0; padding: 0 10px; }
    .SepetUst { float: left; width: calc(100% + 20px); text-align: center; color: #fff; line-height: 50px; font-size: 16px; margin-left: -10px; margin-right: -10px; margin-top: -10px; }
    .SepetUst span { display: inline-block; vertical-align: top; }
    .SepetUst .seClose { float: left; width: 40px;fill: #fff; position: absolute; left: 0; }
    .SepetUst .seClose svg {width: 20px;margin-top: 15px;}
    .CartProduct { background: #fff; background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0; display: block !important; border: none; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 1; visibility: visible; transform: none;-webkit-transform: none; box-shadow: none; padding: 10px; border-radius: 0; }
    .CartProduct i{display:none;}
    .CartProduct.animated { right: 0; }
    .CartProduct.animated i{display: inline-block;}
    .CartProduct .SProduct { float: left; width: 100%; max-height: calc(100% - 129px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; margin: 10px 0 0 0; }
    .CartProduct .headerCartBtn { line-height: 38px; font-size: 12px !important; }
    .CartProduct .headerOrderBtn { line-height: 40px; font-size: 12px !important; }
    .spanustSepetteUrunYok{font-size:16px;margin:20px 0 0 0;float:left;clear:both;text-align:center;width:100%;font-weight: 900;color: #d0112b;}
    .spanustSepetteUrunYok:before{content:'!';font-size:50px;vertical-align:top;border:1px solid;display: block;width: 100px;height: 100px;line-height: 98px;border-radius: 100%;margin: 0 auto;margin-bottom: 30px;}
    .mycart {background: none !important; padding: 0; margin: 0; border: none;position: absolute;left: auto;bottom: auto;}
    .mycart:before{display: none;}
    .mycart:after{display: none;}
    .mycart .sepetTopTutar { display: none !important; }
    .mycart .sepetUrun { display: none !important;}
    .mycart .sepetTecxt { display: none !important; }
    .mycart .sepetUrunSayisi{ display: block !important; border-radius:100%;text-align:center;font-size: 12px;border: none;position: static;margin: 0;}
    .mycart .sepetUrunSayisi:before{display: none;}
    .mycart .sepetUrunSayisi:after{display: none;}
    .mycart > a {display: block;width: auto;height:auto;padding:0;border: none;margin: 0;background:transparent;}
    .mycart > a:before{display: none;}
    .mycart > a:after{display: none;}
    /*Sabit sayfalar icerik*/
    .spanTittle { font-size: 18px !important; }
    .iletisimContent .iletisimForm{width: 100%;padding: 0;}
    .iletisimContent .AdBan{width: 100%;}
    .iletisimContent .categoryTitle {margin: 0;}
    .iletisimContent .categoryTitle .categoryTitleText{line-height: 65px;}
    .iletisimContent .categoryTitle:before{display:none;}
    .iletisimContent .iletisimRight .categoryTitle {margin-bottom: 10px;}
    .iletisimContent .iletisimRight .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;}
    .iletisimContent .iletisimForm .categoryTitle {margin-bottom: 10px;}
    .iletisimContent .iletisimForm .categoryTitle .categoryTitleText{line-height: 65px;font-size: 19px;}
    .iletisimContent .iletisimRight .iletisimbanka .span > div.line2 > div.line2{float: none;display: block;margin: 10px 0 0;}
    .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right{font-size: 17px;}
    .iletisimContent .iletisimRight .iletisimbanka .span > div span{font-size: 12px;}
    .iletisimContent .iletisimLeft .Right{font-size: 12px;}
    .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right{font-size: 20px;}
    .UyeolContent .grid { width: 100%; margin: 0; padding: 10px; border: none; margin-bottom: 10px; }
    .SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
    .SifremiUnuttum .line { width: 100%; }
    .SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
    .SifremiUnuttum .button { width: 30%; }
    /*Header Sabitler*/
    .resimliYanMenu { display: none; }
    .navigation { display: none }
    #header { border: none; margin-bottom: 0 !important; padding-top: 0; box-shadow: none; height:auto; position: fixed;left: 0;right: 0;top: 0;}
    #header:before{display: none;}
    #header.homeHeader { border: none;}
    .headerContent {text-align:left;}
    /*Arama*/
    .searchContent { display: block; width: 100%; margin: 0; height: 0; background: #fff; overflow: hidden; position: absolute; top: 100%; left: 0;right: 0; 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; }
    .searchContent.active { height: 40px; padding:0; overflow: visible; width: 100%;}
    .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: 40px; }
    #txtbxArama { height: 40px; padding-right: 40px; padding-left: 10px; width: 100%; box-shadow: none; font-size: 12px;border-radius: 0; margin:0;border: 1px solid #f1f1f1;text-align: left;}
    .searchContent.active #txtbxArama { padding: 0 35px 0 10px; }
    #btnKelimeAra { width: 40px; height: 40px; right: 0; top:0; line-height: 40px; text-indent: 0;padding: 0; left: auto; border: none;border-radius: 0;text-align:center;}
    .ButtonMic{right:40px;height: 40px;}
    /*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: 40px;}
    .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%;list-style: none;padding: 0;margin: 0; }
    .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:40px;font-size:13px;color: #fff;padding:0;}
    .headerSocialConnect .baglanButton a:before{line-height: 40px;}
    .headerHesabim, .headerCikis, .headerUyeOl a, .headerUyeGiris a { float: none; display: inline-block!important; font-size: 13px; line-height: 40px; 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; }
    /*urun butonlari*/
    .ProductIcon{margin: 0;float: left;width: 100%;}
    .ProductIcon > div{margin: 0 0 10px;float: left;width: 50%;}
    .ProductIcon2 > div{margin: 0 0 10px;float: left;width: 50%;}
    .ProductIcon > div > a{justify-content: center; -webkit-justify-content: center;}
    .ProductIcon2 > div > a{justify-content: center; -webkit-justify-content: center;}
    .socialButons iframe{margin-right: 10px;}
    .socialButons .UWhatsApp{float: left;margin-right: 10px;}
    .socialButons .UTelegram{float: left;margin-right: 10px;}
    .TopDet .product_social_icon_wrapper{text-align:center;margin: 20px 0 0;float: left;width: 100%;padding: 0;}
    .TopDet .product_social_icon_wrapper .PaylasTit{}
    /******************************************************/
    .bottomHead{float: left;width: 100%;position:fixed;bottom: 0;left: 0;right: 0;z-index: 1002;background: #fff;border-top: 1px solid #cecece;display: block;}
    .bottomHead ul{margin: 0;list-style: none;padding: 0;}
    .bottomHead ul li{float: left;width: 25%;}
    .bottomHead ul li a{float: left;width: 100%;text-align:center;font-size: 12px;padding: 5px 0;color: #000;position: relative;height: 49px;}
    .bottomHead ul li a svg{width: 18px;display: block;margin: 0 auto 5px;}
    .bottomHead ul li.welcC a svg{margin-bottom: 3px;}
    /*Footer*/
    .FooterTop,.FooterMiddle,.FooterBottom{}
    #footer .linkler{padding:0;}
    #footer .linkler .blink > ul{display: block;}
    #footer .linkler .blink > ul > li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li >ul{display: none;float: left;width: 100%;border-bottom: 1px solid #d6d6d6;}
    #footer .linkler .blink > ul >li> span{float:left;width: 100%;margin: 0;line-height: 60px;border-bottom: 1px solid #d6d6d6;}
    #footer .linkler .blink > ul >li> span .ackapabtn{float: right;display: block;position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: right;}
    #footer .linkler .blink > ul >li> span .ackapabtn .svgbtn{width: 13px;}
    #footer .linkler .blink > ul >li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li>ul >li{float: left;width: 100%;}
    #footer .linkler .blink > ul >li >ul >li >a{margin-bottom: 0;line-height: 40px;}
    .ebultenDiv{width: 100%;padding:0;margin: 0;}
    .ebultenGelecek{margin-top: 10px;}
    #ticimaxCopyright{margin-top: 5px!important;font-size: 11px;}
    #back-to-top{bottom: 11%;right: 2%;}
    #back-to-top a{width: 30px;height: 30px;}
    #footer .socialdiv{margin: 0;text-align:center;}
    #footer .socialdiv ul{display: inline-block;vertical-align:top;}
    #footer .store{margin: 0;text-align:center;margin: 10px 0;}
    #footer .store ul{display: inline-block;vertical-align:top;}
    /*kategori*/
    .categoryContainer .categoryTitleText{padding: 0;margin: 0;}
    .ProductBody .categoryTitle{padding: 0;margin: 0;}
    body .category-vertical-filters.top-filters{width: 100%;height: 100%;box-shadow: none;border: none;}
    body ul.breadcrumb{white-space: nowrap;position: relative;}
    body ul.breadcrumb.zindex{z-index: -1;pointer-events: none;}
    body ul.breadcrumb:after{position: absolute;left:0;right: 0;top: 0;bottom: 0;z-index: 99;content: '';display: block;}
    body ul.breadcrumb li:nth-child(1) a:before{display: none;}
    body ul.breadcrumb:before{content: '\f015';font-family: 'FontAwesome';font-weight: 300;line-height: 40px;margin-right: 5px;display:inline-block;vertical-align:top;}
    body ul.breadcrumb * {line-height: 40px!important;font-size: 12px!important;max-width: 25px;text-decoration:none;}
    body ul.breadcrumb li:after {line-height: 40px;font-size: 12px!important;content: '...';margin: 0 2px;}
    body ul.breadcrumb li {font-size: 0!important;}
    body ul.breadcrumb li:nth-last-of-type(1) a span:after{display: none;}
    body ul.breadcrumb li:nth-last-of-type(1) {max-width: 100%;}
    body ul.breadcrumb li:nth-last-of-type(1) *{max-width: 100%;font-size: 12px!important;text-overflow: ellipsis; overflow: hidden}
    body ul.breadcrumb li a span{font-size: 0!important;}
    body ul.breadcrumb li a span:after{content: '\f105';font-family: 'FontAwesome';font-size: 14px!important;display: inline-block;vertical-align:top;line-height: 40px;font-weight: 300;}
    .categoryTitleText{position: relative;z-index: 9;}
    .breadList{position: absolute;left: 0;right: 0;top: 0;background: #fff;padding: 10px 20px;z-index: 999; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);}
    .breadList.breadActive{display: block!important;}
    .breadList ul{list-style: none;}
    .breadList .mBread{float: left;width: 100%;}
    .breadList .mBread ul {float: left;width: 100%;list-style: none;padding: 0;margin: 0;}
    .breadList .mBread ul li{float: left;width: 100%;font-size: 0;display: block; margin-right: 0; line-height: 1;}
    .breadList .mBread ul li a{float: left;width: 100%;font-size: 11px;color: #454545; padding:6px 8px;position: relative;}
    .breadList .mBread ul li a:before{content: '\f148';font-family: 'FontAwesome';font-size: 10px;position: absolute;left: -5px;top: 8px; transform: rotate(90deg);-webkit-transform: rotate(90deg);}
    .breadList .mBread ul li a span{font-weight: normal;line-height: 15px;}
    .breadList .mBread ul li ul{padding-left: 4px;}
    .breadList .mBread >ul >li >a span{font-weight: 600;}
    .breadList .clbtn{position: absolute;right: 5px;top: 10px;width: 30px;text-align:center;font-size: 18px;color: #000;z-index: 99;}
    .categoryContainer .breadList .clbtn{right: -5px;}
    .categoryContainer .ProductList.PlSc_hrz .ItemOrj {width: 100%;max-width: 100%;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
    .categoryContainer .ProductList.PlSc_2 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_3 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_4 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    .categoryContainer .ProductList.PlSc_5 .ItemOrj {width: 50%;max-width: 50%;-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
    body:not(.sepetimBody) .ItemOrj{width: 50%;max-width: 50%;flex: 0 0 50%;padding: 0 5px;}
    .categoryContainer .ProductList{margin: 0 -5px;}
    .categoryContainer .ProductListContent .productItem{margin-bottom: 10px;}
    body .mobilFilterOpenBtn .button{font-size: 13px;}
    /*urundetay*/
    .leftImage{float: left;width: 100%;}
    .RightDetail{width: 100%;padding: 10px 0 0;}
    body a#linkOncekiSayfa{display: none;}
    body .leftImage a#linkOncekiSayfa {position: absolute;top: 0;left: 0;width: 35px;background: #fff;text-align:center;font-size: 0!important;font-family: 'FontAwesome';color: #000;z-index: 5;line-height: 35px;display: block;}
    body .leftImage a#linkOncekiSayfa:before {content: '\f053';font-size: 20px;display: inline-block;vertical-align:top;line-height: 35px;}
    #divUrunKodu{clear: left;float: left;line-height: 14px;}
    #divUrunKodu span{line-height: 14px;}
    #divTaksitAciklama{clear: left;float: left;}
    .urunOzellik{display: none;}
    .urunOzellikTab{margin: 25px 0;display: block;float: left;width: 100%;}
    .urunOzellikTab .urunTab{float: left;width: 100%;}
    .urunOzellikTab .urunTab >ul{list-style:none;padding:0;margin: 0;}
    .urunOzellikTab .urunTab >ul >li{float: left;width: 100%;border-bottom: 1px solid #EBEBEB;}
    .urunOzellikTab .urunTab >ul >li > a{color: #5a5a5a;font-size: 14px;text-transform:uppercase;line-height: 44px;float: left;width: 100%;padding: 0 15px;font-weight: 500;position:relative;}
    .urunOzellikTab .urunTab >ul >li > a span{font-weight: 500;}
    /* !important yok - masaustu versiyonundaki ayni "kapanista tik diye
       kesilme" hatasi (bkz. urunOzellikTab .urunDetayPanel yorumu). */
    .urunOzellikTab .urunTab >ul >li .urunDetayPanel{display:none;}
    .urunOzellikTab .urunTab >ul >li[onofftip="true"] >a{}
    .urunOzellikTab .divYorumlarV2Slide{width: 100%;margin-bottom: 30px;}
    .urunOzellikTab .divYorumlarV2Ortalama{width: 100%;margin-left: 0;}
    .urunOzellikTab .divYorumlarV2Section1_1a1a{-ms-flex-direction: column; flex-direction: column;}
    .urunOzellikTab .divYorumlar-t1c9k{max-width: 100%;min-width: 0;}
    .urunOzellikTab .taksitWrapper .taksitBlock{width: 100%;padding-left: 0;padding-right: 0;}
    .urunOzellikTab .taksitWrapper .taksitBlock .taksitBlockContent{max-width: 100%;}
    .urunOzellikTab .yorum-item-left{flex: 0 0 100%;}
    .urunOzellikTab .v2YorumFilter{width: 100%;}
    .urunOzellikTab .v2YorumFiltreGrup{display: block;}
    .urunOzellikTab .v2YorumFilter li,.urunOzellikTab .v2YorumFilter ul li{width: 100%;}
    /*mobilicerik*/
    .detaySliderContainer{margin: 10px 0;}
    .sliderBannerContainer{margin: 10px 0;}
    body #top-bar{display: none;}

    body .footerTemp .ebultenWidthContainer .elementor-column[data-col="20"]:first-child{width: 100%;}
    body #spnTopSepetToplamUrun{right: -15px;top: -25px;}

    .header-button a i{display: inline-block;}
    body #headerNew .header-main{height: 50px;}

    /* Favori kalbi rozetlerle cakismasin - sag ALT kose */
    .productItem .favori{right: 8px; top: auto; bottom: 8px;}
    /* Mobil kart */
    .productItem .productDetail{padding:12px 4px 0;}
    .productItem .discountPrice span{font-size:17px;}
    .productItem .regularPrice span{font-size:13px;}
    .productItem .productIcon .mycartIcon a{height:42px;font-size:14px;}
    /* Urun adi 14px'e buyutuldu (iki celisen kural vardi, 11px kazaniyordu) */
    .productItem .productName a{font-size:14px;line-height:20px;height:40px;letter-spacing:.06em;}
    .ngListeHavale{gap:5px;margin:0 0 10px;}
    .ngListeHavaleEtiket{font-size:10px;padding:1px 6px;}
    .ngListeHavaleTutar{font-size:13px;}
    /* Odeme kartlari (mobil) */
    .ngOdemeKartlari{gap:10px;margin:12px 0 4px;}
    .ngOdemeKart{padding:12px 8px 14px;}
    .ngOdemeBaslik{font-size:13px;}
    .ngOdemeFiyat{font-size:17px;margin-bottom:10px;}
    .ngKazancEtiket{font-size:11px;}
    .ngKazancTutar{font-size:12px;}
    .productItem .productLeft > div,
    .productItem .productFaMyEx .newIcon,
    .productItem .productFaMyEx .discountIcon,
    .productItem .productFaMyEx .cargoIcon{font-size: 11px;height:21px;line-height:21px;padding:0 6px;}
    /* Mobilde fiyatlar alt alta - dar ekranda yan yana sigmiyor */
    body .productItem .productPrice{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:1px !important;
      height:auto !important;
      min-height:40px !important;
      float:none !important;
      text-align:center !important;
      margin:0 0 6px 0 !important;}
    body .productItem .discountPrice,body .productItem .regularPrice{margin:0 !important;}

    #mainHolder_divDesign .owl-carousel .owl-nav, .owl-carousel .owl-nav{display: none!important;}
    #mainHolder_divDesign .JKatAdi.categoryTitle, .JKatAdi{margin: 0 0 20px 0!important;}
    #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1, .JKatAdi .bold .satir1{font-size: 24px;}

    body .widgetContainer .widgetArea ul{flex-direction: column;gap: 20px;}
    body .widgetContainer .widgetArea ul li .box .contentArea .titleH br{display: none;}

    body .footerTemp .elementor-section .elementor-container .footerTempRow{gap: 25px;}
    body .footerTemp div[data-element_type="elementor-column"].mobileJustfyRight .appMediaDiv .storeMedia.horizontal,
    body .footerTemp div[data-element_type="widget"].mobileJustfyLeft .footerText li{justify-content: center;}

    body.CategoryBody .categoryTitleText{padding: 0 10px;}

    body .newHeaderNavigation.mobileStyle .newHeaderNavUl{padding: 0;margin: 0;}

  }
  @media screen and (min-width:414px) {
  }
  @media screen and (min-width:375px) and (max-width:413px)  {
  }
  @media screen and (min-width:0px) and (max-width:374px){
  }

  /* ============================================================
     KAYAN BILGI SERIDI (KAYANSERIT.txt)
     ------------------------------------------------------------
     Ana banner altina eklenen, kocak.com.tr'deki gibi kesintisiz
     kayan bilgi seridinin CSS'i. HTML'in kendisi ayri bir dosyada
     (KAYANSERIT.txt) - o dosya SADECE saf HTML, stil kasten BURAYA
     tasindi (Ticimax'in "HTML Icerik" alani <style> bloklarini
     guvenilir islemiyor, kullanicidan "End tag </script> was not
     found" hatasi geldi - digger tum ozel CSS/JS ile ayni kurala
     uyulup HTML'den ayrildi).
     ============================================================ */
  .ngKayanSeritWrap {
    background: #06205E;
    overflow: hidden;
    width: 100%;
    padding: 11px 0;
    box-sizing: border-box;
  }
  .ngKayanSeritTrack {
    display: inline-flex;
    white-space: nowrap;
    animation: ngKayanSeritAkis 26s linear infinite;
    will-change: transform;
  }
  .ngKayanSeritWrap:hover .ngKayanSeritTrack {
    animation-play-state: paused;
  }
  .ngKayanSeritGrup {
    display: inline-flex;
    align-items: center;
  }
  .ngKayanSeritItem {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 26px;
    color: #fff;
    font-family: 'Jost', Arial, sans-serif;
    font-size: 13px;
    font-weight: 550;
    letter-spacing: .02em;
    text-decoration: none;
    white-space: nowrap;
  }
  a.ngKayanSeritItem:hover {
    color: #C19C60;
  }
  .ngKS-ikon {
    font-size: 15px;
    line-height: 1;
  }
  .ngKS-ayrac {
    color: #C19C60;
    opacity: .55;
    font-size: 9px;
  }
  @keyframes ngKayanSeritAkis {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  @media (prefers-reduced-motion: reduce) {
    .ngKayanSeritTrack { animation: none; }
  }
  @media (max-width: 767px) {
    .ngKayanSeritItem { font-size: 12px; padding: 0 18px; gap: 6px; }
    .ngKS-ikon { font-size: 13px; }
    .ngKayanSeritTrack { animation-duration: 20s; }
  }

  /* Ticimax bu alani #top-bar'in orta sutununa ("flex-center", 3 esit
     sutundan biri, ~%33 genislik) dar bir <div> icine yerlestiriyor.
     Tam genislik bir serit gorunmesi icin klasik "full-bleed" teknigiyle
     bu dar sutundan disari tasiyoruz: genislik viewport'a esitlenip
     (100vw) negatif kenar bosluguyla ortalaniyor - boylece hangi dar
     kutunun icine yerlestirilmis olursa olsun sayfanin tam genisligini
     kapliyor. */
  #top-bar .ngKayanSeritWrap {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 8px 0;
  }
  /* #top-bar'in kendisi 28px'lik sabit bir yukseklikle geliyordu (eski
     tek satirlik duyuru metnine gore) - yeni serit biraz daha dolgulu
     oldugu icin dogal yuksekligine gore serbestce buyumesine izin
     veriyoruz. DIKKAT: buraya "min-height" KONULMADI - konulursa
     ".gectop" kapanma animasyonuyla (max-height:0) cakisip barin asla
     tam sifira inmemesine, kapaniste bos/gorunmez ama hala yer kaplayan
     bir seride sebep oluyordu (canli testte yakalandi: opacity:0 iken
     bile height 28px olarak olculdu). */
  #headerNew:not(.gectop) #top-bar { height: auto; }
  #top-bar .flex-row.headerContainer,
  #top-bar .flex-col.flex-center,
  #top-bar .nav.nav-center {
    width: 100%;
    height: 100%;
  }