/* ================================================ */
/* EZİNE MANDIRA - ÖZEL TEMA CSS                   */
/* Mevcut CSS'in EN ALTINA yapıştırın              */
/* ================================================ */

/* ── RENK DEĞİŞKENLERİ ── */
:root {
  --theme-color:     #C9922A;
  --theme-dark:      #A8731A;
  --theme-green:     #2D5016;
  --theme-green-mid: #4A7C2F;
  --theme-cream:     #2D5016;
  --theme-warm:      #FFF8E7;
  --theme-border:    #E8DCC8;
  --urun-box-boyut:  100% !important;

  /* Header */
  --header-bg:                   #FFFFFF;
  --header-textcolor:            #1A1209;
  --header-bordercolor:          #E8DCC8;
  --header-searchbg:             #FDF6E3;
  --header-searchcolor:          #6B6355;
  --header-searchborder:         #E8DCC8;
  --header-searchbutonbgcolor:   #C9922A;
  --header-searchbutoncolor:     #FFFFFF;

  /* Footer */
  --footer-bg:                   #2D5016;
  --footer-titlecolor:           #F0C060;
  --footer-textcolor:            rgba(255,255,255,0.6);
  --footer-bordercolor:          rgba(255,255,255,0.1);
  --footer-sosyalmedyabg:        #4A7C2F;
  --footer-sosyalmedyacolor:     #FFFFFF;
  --footer-ebultenbg:            rgba(255,255,255,0.1);
  --footer-ebultenbordercolor:   rgba(255,255,255,0.2);
  --footer-ebultencolor:         rgba(255,255,255,0.7);
  --footer-ebultenbutonbgcolor:  #C9922A;
  --footer-ebultenbutoncolor:    #FFFFFF;
}

/* ── GENEL ARKA PLAN ── */
body {
  background: var(--theme-cream) !important;
  font-family: 'Plus Jakarta Sans', 'Oswald', sans-serif;
}

/* ── HEADER ── */
#header {
  background: var(--header-bg);
  border-bottom: 2px solid var(--theme-border);
  box-shadow: 0 2px 16px rgba(26,18,9,0.08);
}

.navigation {
  background: var(--header-bg);
  border-top: 1px solid var(--theme-border);
}

.navigation .navUl > li > a {
  color: #4A3F32;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.navigation .navUl > li > a:hover,
.navigation .navUl > li:hover > a {
  color: var(--theme-color) !important;
}

.HeaderLogo a img { max-height: 52px !important; }

/* ── ARAMA ── */
#txtbxArama {
  border-radius: 50px;
  background: var(--theme-cream);
  border-color: var(--theme-border);
  color: #4A3F32;
}

#btnKelimeAra {
  background: var(--theme-color);
  color: white;
  border-radius: 0 50px 50px 0;
}

/* ── SEPET ── */
.mycart .sepetUrunSayisi { background: var(--theme-color); }

/* ── ÜRÜN KARTLARI ── */
.productItem {
  border-radius: 16px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1.5px solid var(--theme-border);
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.productItem:hover {
  box-shadow: 0 12px 48px rgba(26,18,9,0.14);
  border-color: #C9922A !important;
  transform: translateY(-6px);
}
.productItem .productName a { color: #1A1209; font-weight: 600; font-size: 14px; }
.productItem .productName a:hover { color: var(--theme-color); }
.productItem .discountPrice span { color: #2D5016 !important; font-weight: 800 !important; font-size: 16px !important; }
.productItem .productMarka { color: var(--theme-color) !important; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }

.mycartIcon a span { background: var(--theme-color) !important; color: white !important; border-radius: 50px; font-weight: 700; font-size: 12px; transition: all 0.2s; }
.mycartIcon a:hover span { background: var(--theme-green) !important; }

.favori a:hover:before,
.examineIcon a:hover:before { background: var(--theme-color) !important; color: white !important; }

/* ── ROZETLER ── */
.discountIcon {
  background: #C9922A !important;
  color: white !important;
  border-radius: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 11px !important;
  width: auto !important;
  padding: 0 8px !important;
}
.firsatIcon, .newIcon {
  background: #2D5016 !important;
  color: white !important;
  border-radius: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 11px !important;
  width: auto !important;
  padding: 0 8px !important;
}

/* ── ÜRÜN DETAY ── */
.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line * { color: var(--theme-green) !important; }

.basketBtn input { background: var(--theme-color) !important; border-radius: 50px; font-weight: 700; }
.basketBtn input:hover { background: var(--theme-dark) !important; }
.buyfast input { border-radius: 50px; font-weight: 700; }

/* ── SAYFALAMA ── */
.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa,
.pageNumberContent a:hover,
.pageBorder a:hover { background: var(--theme-color) !important; color: white !important; border-radius: 8px; }

/* ── SOL FİLTRE ── */
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before { background: var(--theme-color) !important; border-color: var(--theme-color) !important; }

/* ── FOOTER ── */
#footer { background: var(--theme-green) !important; }
.FooterCol-Title { color: #F0C060 !important; font-weight: 700; }
.FooterCol ul li a { color: rgba(255,255,255,0.6) !important; transition: color 0.2s; }
.FooterCol ul li a:hover { color: white !important; text-decoration: none !important; }
.FooterCopy { color: rgba(255,255,255,0.35) !important; }
.Footer2 { border-color: rgba(255,255,255,0.1) !important; }
#footer .FooterSocial ul li a i { background: #4A7C2F !important; color: white !important; border-radius: 50%; width: 38px; height: 38px; line-height: 38px; }
#footer .FooterSocial ul li a i:hover { background: var(--theme-color) !important; }

/* ── E-BÜLTEN ── */
#txtbxNewsletterMail { background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.2) !important; color: rgba(255,255,255,0.8) !important; border-radius: 50px 0 0 50px; }
.Ebulten-In .newsbutton { background: var(--theme-color) !important; color: white !important; border-radius: 0 50px 50px 0; font-weight: 700; }

/* ── ANA SAYFA ── */
#mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
.JKatAdi .bold .satir1 { color: #1A1209; font-size: 22px; font-weight: 700; }
#mainHolder_divDesign .JKatAdi.categoryTitle .bold:after,
.JKatAdi .bold:after { background: var(--theme-color) !important; }
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover,
.owl-carousel .owl-nav .ProductListprev:hover,
.owl-carousel .owl-nav .ProductListnext:hover { background: var(--theme-color) !important; color: white !important; }

/* ── BLOKLAR ARASI BOŞ ALAN ── */
#mainHolder_divDesign > div,
#mainHolder_divDesign .BlokDisDiv,
#mainHolder_divDesign .BlokIcerik,
#mainHolder_divDesign .Blok { margin: 0 !important; padding: 0 !important; border: none !important; }
#mainHolder_divDesign .BlokDisDiv,
#mainHolder_divDesign .BlokIcerik,
#mainHolder_divDesign .ticiContainer { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }

/* ── MOBİL MENÜ ── */
.mobilMenu { background: var(--theme-cream); }
.mobilMenu .navUl > li > a { color: #1A1209; border-bottom: 1px solid var(--theme-border); padding: 14px 0; font-weight: 600; }
.mobilMenu .navUl li.active > a { color: var(--theme-color) !important; }
.menuUstBolum { background: var(--theme-green) !important; border-bottom: none; }
.menuUstBolum .MobilMenuSocial ul li a { color: white !important; }
.menuUstBolum .CloseBtnMenu { color: white !important; }

/* ── MOBİL MENÜ DRAWER (DÜZELTİLDİ) ── */
.newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop {
  background: #2D5016 !important;
}
.newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuCloseBtn svg,
.newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuCloseBtn i,
.newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuCloseBtn {
  color: white !important;
  fill: white !important;
}

/* ── HEADER NAV LİNKLERİ ── */
#headerNew .newHeaderNavUl > li > a,
#headerNew .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a { color: white !important; text-decoration: none !important; }
#headerNew .newHeaderNavUl > li > a:hover { color: #7EEEA0 !important; }

/* ── ANA MENÜ HOVER ── */
.navigation .navUl > li .Flexscroll { border-top: 2px solid var(--theme-color); box-shadow: 0 8px 32px rgba(26,18,9,0.12); }
.navigation .navUl > li .Flexscroll > ul > li > a { color: var(--theme-green) !important; }

/* ── GENEL BUTON ── */
.button, body .button { background: var(--theme-color) !important; border-radius: 50px; font-weight: 700; }
.button:hover, body .button:hover { background: var(--theme-dark) !important; }
.sepeteEkleBtn, .basketBtn input, a.button { background: #C9922A !important; color: white !important; border-radius: 50px !important; border: none !important; }

/* ── TOOLTIP ── */
.tooltip-inner { background: var(--theme-color) !important; border-radius: 8px; }

/* ── YILDIZ ── */
.RightDetail ul.rating li.filled i,
.productItem .productPoints .rating i { color: #C9922A; }

/* ── SLIDER ── */
#pnlSlider .flex-control-paging li a.flex-active { background: var(--theme-color) !important; }
#pnlSlider .flex-direction-nav .flex-prev:hover:before,
#pnlSlider .flex-direction-nav .flex-next:hover:before { background: var(--theme-color) !important; color: white !important; }

/* ── SEPET HOVER PANELİ ── */
.mobileStyle .newCartTop { background: #1A3A0F !important; color: white !important; }
.header-cart-hover .spanustSepetteUrunYok { color: rgba(255,255,255,0.7) !important; }
.header-cart-hover .SProduct li a { color: white !important; }
.header-cart-hover .SProduct li a .sepetTopFiyat { color: #7EEEA0 !important; }
.header-cart-hover .SProduct li { border-bottom-color: rgba(255,255,255,0.1) !important; }
.header-cart-hover .SPrice li span,
.header-cart-hover .SPrice .sepetToplamTutar { color: white !important; }
.header-cart-hover .mspetBtn { color: white !important; border-color: rgba(255,255,255,0.2) !important; background: rgba(255,255,255,0.08) !important; }
.header-cart-hover .headerOrderBtn { background: #C9922A !important; border-color: #C9922A !important; color: white !important; }

/* ── ÜYE GİRİŞ & KAYIT FORMU ── */
body.UyeGiris, body.UyeOl { background: #2D5016 !important; }

#divNewUyeGirisContent,
#newUyeOlSection { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 16px !important; padding: 32px !important; }

#divNewUyeGirisContent .uyeGirisFormDetailInputList,
#newUyeOlSection .uyeGirisFormDetailInputList,
.pageSifremiUnuttum .sifremiUnuttumInputList,
.pageSifreOlustur .sifreOlusturInputList { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }

.uyeGirisFormDetailInputList .textbox,
#txtUyeGirisEmail,
#txtUyeGirisPassword,
#txtUyeGirisOtp,
#txtUyeGirisSmsCode,
#txtGuvenlikKodu { background: #2D5016 !important; color: #FFFFFF !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 8px !important; }
.uyeGirisFormDetailInputList .placeholderLabel { color: rgba(255,255,255,0.6) !important; }
.uyeGirisFormDetailInputList .textbox:focus { border-color: #C9922A !important; outline: none !important; box-shadow: 0 0 0 3px rgba(201,146,42,0.2) !important; }

.newUserWrapper input[type="password"],
.newUserWrapper input[type="text"],
.newUserWrapper input[type="email"],
.newUserWrapper input { background: #2D5016 !important; color: #FFFFFF !important; border-bottom: 1px solid rgba(255,255,255,0.15) !important; -webkit-box-shadow: 0 0 0 1000px #2D5016 inset !important; -webkit-text-fill-color: #FFFFFF !important; }

.newUserWrapper input:-webkit-autofill,
.newUserWrapper input:-webkit-autofill:hover,
.newUserWrapper input:-webkit-autofill:focus { -webkit-text-fill-color: #FFFFFF !important; -webkit-box-shadow: 0 0 0 1000px #2D5016 inset !important; }

.newUserWrapper .placeholderLabel { color: rgba(255,255,255,0.55) !important; }

.userDivTab ul li span { color: rgba(255,255,255,0.4) !important; border-bottom-color: rgba(255,255,255,0.1) !important; }
.userDivTab ul li.active span { color: white !important; border-bottom-color: #C9922A !important; }

#divNewUyeGirisContent .newUserLoginBtn,
.newUyeOlContainer .newUserLoginBtn,
.acountDoneContainer .acountDoneLoginBtn,
.pageSifreOlustur .newUserLoginBtn,
.pageSifremiUnuttum .newUserLoginBtn { background: #C9922A !important; border-radius: 50px !important; font-weight: 700 !important; height: 52px !important; font-size: 14px !important; }
#divNewUyeGirisContent .newUserLoginBtn:hover,
.newUyeOlContainer .newUserLoginBtn:hover { background: #A8731A !important; }

.userPassBtn { color: #7EEEA0 !important; }
.TcxPassEye svg { fill: rgba(255,255,255,0.5) !important; }

#divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate,
#divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate { color: rgba(255,255,255,0.6) !important; }

#divNewUyeGirisContent .socialMediaLoginButtons .socialBaglanButton a,
#newUyeOlSection .socialMediaLoginButtons .socialBaglanButton a { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.1) !important; color: white !important; border-radius: 8px !important; }

.pageSifremiUnuttum .sifremiUnuttumTitle,
.pageSifreOlustur .sifreOlusturTitle { color: white !important; }
.pageSifremiUnuttum .SifremiUnuttumContentDesc,
.pageSifreOlustur .sifreOlusturDesc { color: rgba(255,255,255,0.6) !important; }

/* ── HESABIM FORM ALANLARI ── */
.sagIcerikTutucu .satirBlok .hsbmTextbox {
  float: left;
  background: #2D5016;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  margin: 0;
  color: #FDF6E3;
  font-size: 13px;
  border: solid 1px rgba(201,146,42,0.4);
}
.sagIcerikTutucu .satirBlok .hsbmTextbox:focus {
  border-color: #C9922A;
  outline: 0;
}

/* ── HESABIM İKON KARTLARI ── */
.hesabimAnasayfaMenuler ul li a { background: #2D5016; color: #ffffff; }
.hesabimAnasayfaMenuler ul li a .fa { color: #C9922A; }
.hesabimAnasayfaMenuler ul li a:hover { background: #1A3A0F; color: #C9922A; }

/* ── MOBİL ── */
@media screen and (max-width: 767px) {
  .productItem { border-radius: 12px; }
  .productItem:hover { transform: translateY(-3px); }
  #txtbxArama { border-radius: 0; }
  #btnKelimeAra { border-radius: 0; }
}
  
  
  
  
  

  
  
  
  /* ── HESABIM SAYFASI TEMA ── */

/* Arka plan */
.hesabimBolumuTutucu,
.sagIcerikTutucu .sagIcerikBolumu,
.solAnaMenu { background: #2D5016 !important; }

/* Sol menü linkler */
.solAnaMenu ul li a { color: rgba(255,255,255,0.8) !important; }
.solAnaMenu ul li a:hover,
.solAnaMenu ul li a.aktif { color: #C9922A !important; }

/* Sayfa başlık */
.hesabimAnasayfa .hesabimAnasayfaBaslik h2 { color: #FDF6E3 !important; }
.hesabimAnasayfa .hesabimAnasayfaBaslik p { color: rgba(253,246,227,0.7) !important; }

/* Menü kartları */
.hesabimAnasayfaMenuler ul li a {
  background: rgba(255,255,255,0.06) !important;
  color: #FDF6E3 !important;
  border: 1px solid rgba(201,146,42,0.2) !important;
}
.hesabimAnasayfaMenuler ul li a:hover {
  background: #C9922A !important;
  color: white !important;
}
.hesabimAnasayfaMenuler ul li a .fa { color: #C9922A !important; }
.hesabimAnasayfaMenuler ul li a:hover .fa { color: white !important; }

/* Tablo */
.hesabimTablo thead { background: #1A3A0F !important; }
.hesabimTablo thead tr td { color: #FDF6E3 !important; }
.hesabimTablo tbody tr td { background: rgba(255,255,255,0.04) !important; color: #FDF6E3 !important; }
.hesabimTablo tbody tr.tabloGri td { border-top-color: #2D5016 !important; }
.hesabimTablo tr td a { color: #7EEEA0 !important; }

/* Inputlar */
.hsbmTextbox, .hsbmPassword, .hsbmSelect, .hsbmTextarea,
.sagIcerikTutucu .satirBlok .hsbmTextbox,
.sagIcerikTutucu .satirBlok .hsbmPassword,
.sagIcerikTutucu .satirBlok .hsbmSelect,
.sagIcerikTutucu .satirBlok .hsbmTextarea {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(201,146,42,0.2) !important;
  color: #FDF6E3 !important;
}
.hsbmTextbox:focus, .hsbmPassword:focus,
.hsbmSelect:focus, .hsbmTextarea:focus {
  border-color: #C9922A !important;
}

/* Label */
.sagIcerikTutucu .hsbmLabel,
.sagIcerikTutucu .satirBlok .hsbmSpan { color: rgba(253,246,227,0.7) !important; }

/* Butonlar */
.yesilButon { background: #C9922A !important; border-radius: 50px !important; }
.griButon { background: #1A3A0F !important; border-radius: 50px !important; }
.kirmiziButon { background: #ef4444 !important; border-radius: 50px !important; }
.uyelikBilgilerim .bilgiGuncelle { background: #C9922A !important; border-radius: 50px !important; }

/* Tab linkler */
.tabLink a { border-color: rgba(201,146,42,0.2) !important; color: rgba(253,246,227,0.7) !important; }
.tabLink a.aktif { background: #C9922A !important; border-color: #C9922A !important; color: white !important; }

/* Sipariş listesi */
.siparisListContent .orders .order-info {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(201,146,42,0.15) !important;
}
.siparisListContent .orders-info-col2 .order-no { color: #FDF6E3 !important; }
.siparisListContent .orders-info-col4 .order-total { color: #7EEEA0 !important; }
.siparisListContent .orders .order-info > div.orders-info-col5 {
  background: rgba(255,255,255,0.06) !important;
}

/* Adres kartları */
.adress-item {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(201,146,42,0.15) !important;
}
.adress-item .Address-head { color: #FDF6E3 !important; }
.adress-item .Address-head > .Control > .item { color: rgba(253,246,227,0.6) !important; }

/* Ana başlık */
.sagIcerikTutucu .sagIcerikBolumu .anaBaslik { color: #C9922A !important; }

/* Boş sipariş/favori */
.siparisListeBos, .favoriListeBos {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(201,146,42,0.15) !important;
}
.siparisBosP-1, .favoriBosP-1 { color: #FDF6E3 !important; }
.siparisBosP-2, .favoriBosP-2 { color: rgba(253,246,227,0.6) !important; }
.siparisBosIkon, .favoriBosIkon { border-color: rgba(201,146,42,0.3) !important; }

/* Mobil menü geri butonu */
.hesabimMenuDon {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(201,146,42,0.2) !important;
  color: #FDF6E3 !important;
}
  
  
  
  
  
  /* HESABIM - BEYAZ ALANLAR */
.tabIcerik { background: #2D5016 !important; }
.hesabimForm { background: #2D5016 !important; }
.sagIcerikTutucu .sagIcerikBolumu { background: #2D5016 !important; }
.hesabimTablo .tdTutucu.tdTutucuBeyaz { background: #2D5016 !important; border-color: rgba(201,146,42,0.15) !important; }
.hesabimTablo tbody tr.tabloGriDetay td { background: #2D5016 !important; border-color: rgba(201,146,42,0.15) !important; }
.hesabimTablo tbody tr.tabloBeyaz td { background: rgba(255,255,255,0.04) !important; }
.hesabimTablo tbody tr.tabloBeyazDetay td { background: #2D5016 !important; }
.siparisListContent .orders .order-detail { background: #1A3A0F !important; border-color: rgba(201,146,42,0.15) !important; }
.siparisListContent .order-detail .statusBox { background: rgba(255,255,255,0.06) !important; border-color: rgba(201,146,42,0.15) !important; color: #FDF6E3 !important; }
.siparisAdresDetaylari .blok .blokIcerik { background: #1A3A0F !important; }
.siparisAdresDetaylari .blok .blokIcerik h6 { color: #FDF6E3 !important; }
.siparisAdresDetaylari .blok .blokIcerik p { color: rgba(253,246,227,0.7) !important; }
.siparisAdresDetaylari .blok .blokIcerik .tutar { color: rgba(253,246,227,0.7) !important; }
.package-item { background: #1A3A0F !important; border-color: rgba(201,146,42,0.15) !important; }
.package-item-header { background: rgba(255,255,255,0.06) !important; }
.package-item-header_title { color: #FDF6E3 !important; }
.siparisTakipSayfasi { background: #2D5016 !important; }
.siparisTakipSayfasi .siparisTakipBaslik h3 { color: #FDF6E3 !important; }
.siparisTakipDetayi .siparisTutucu .siparisBilgi { background: #1A3A0F !important; }
.siparisTakipDetayi .siparisAdres { background: #1A3A0F !important; }
.siparisTakipDetayi .siparisEkstresi { background: #1A3A0F !important; }
.destekTaleplerim .Content_accordion > .Head { background: #1A3A0F !important; color: #FDF6E3 !important; }
.destekTaleplerim .Content_accordion > .Head.Active { background: #2D5016 !important; }
.Content_accordion { background: #2D5016 !important; }
.destekTaleplerim .Content_accordion > .Content .destekMusteriCevap { background: rgba(201,146,42,0.08) !important; }
.destekTaleplerim .Content_accordion > .Content .destekAdminCevap { background: rgba(126,238,160,0.08) !important; }
.iadeListHead { background: #1A3A0F !important; }
.iadeListContent { background: #2D5016 !important; border-color: rgba(201,146,42,0.15) !important; }
.iadeTalebiYazisi { background: #1A3A0F !important; }
.iadeTalepCevabi { background: #1A3A0F !important; }
.siparisDetayDurum { background: #1A3A0F !important; border-color: rgba(201,146,42,0.15) !important; }
.siparisDetayDurum .item { color: #FDF6E3 !important; }
.orderContent .cloudBox { background: #1A3A0F !important; border-color: rgba(201,146,42,0.15) !important; }
.hediyeCeklerimContent .Head { background: #1A3A0F !important; color: #FDF6E3 !important; }
.hediyeCeklerimContent .Content_accordion > .Content .Coupon-info > .item { background: #1A3A0F !important; border-color: rgba(201,146,42,0.15) !important; }
  
  
  
  
  .iadeTaleplerimContentDesc { background: #2D5016 !important; color: #FDF6E3 !important; }
.hesabimTablo .tdTutucu.tabloBasliklari { background: #2D5016 !important; }
.hesabimTablo .tdTutucu.tabloBasliklari span { color: #FDF6E3 !important; }
.hesabimTablo .epostaGonder { color: #ffffff !important; }
  
  
  
  .pageSifremiUnuttum .islemTamamlandi,
.pageSifremiUnuttum .sifremiUnuttumInputList,
.pageSifremiUnuttum .sifreGuncelleInputList,
.pageSifreOlustur .sifreOlusturInputList,
.pageSifremiUnuttum .SifremiUnuttumSucces {
  background: #2D5016 !important;
  border-color: rgba(201,146,42,0.2) !important;
  color: #FDF6E3 !important;
}

/* İçindeki input ve label renkleri */
.pageSifremiUnuttum input,
.pageSifreOlustur input {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(201,146,42,0.2) !important;
  color: #FDF6E3 !important;
}

.pageSifremiUnuttum label,
.pageSifreOlustur label {
  color: rgba(253,246,227,0.8) !important;
}
  
  
  
  
  
  
  
  
  
  
  
  .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneCol,
.newUyeOlSection .newUyeOlContainer #FrmYeniUye .newUyeOlCol {
  background: #1A3A0F !important;
  border-color: rgba(201,146,42,0.2) !important;
}

.newUserWrapper select {
  background: #2D5016 !important;
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,0.15) !important;
}

.newUyeOlSection .newUyeOlContainer .FormTitle {
  color: #ffffff !important;
}

.acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesmeTranslate,
.newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate {
  color: #ffffff !important;
}

.acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesmeTranslate a,
.newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate a {
  color: #ffffff !important;
}

.acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesme,
.newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesme {
  border-color: #ffffff !important;
}
  
  
  
  
  
  
  
  
  
  /* Kupon */
.kuponOlustur .kuponInput { background: #2D5016 !important; border-color: #ffffff !important; color: #ffffff !important; }
.kuponOlustur .kuponOlusturYazi { color: #ffffff !important; }
.kuponOlustur .kuponOlusturButon { background: #C9922A !important; color: #ffffff !important; }

/* Tablo */
.hesabimTablo tbody tr.tabloBeyaz td { background: rgba(255,255,255,0.04) !important; border-top-color: #2D5016 !important; }

/* Mobil sepet drawer */
.mobileStyle .header-cart-hover { background: #2D5016 !important; }
.mobileStyle .newCartTop { background: #C9922A !important; color: white !important; }

/* Checkout sepet */
.cartCheckoutProduct .checkoutProductItem .checkoutItemSalesUnit { color: #ffffff !important; }
.cartCheckoutProduct .checkoutProductItem .checkoutItemPrice { color: #C9922A !important; }
.cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a { border-color: #ffffff !important; }
#checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutContent { border-color: rgba(255,255,255,0.2) !important; }
#checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutValue { color: #C9922A !important; }
#checkoutCartProductDiv .cartCheckoutButtons .checkoutButton.orderCompleteButton a { background: #C9922A !important; color: #fff !important; }
  
  
  
  
  
  
  
 
  
  
  
  .header-cart-hover { background: #2D5016 !important; }
.header-cart-hover { border-color: #f0f0f0 !important; }
.header-cart-hover { box-shadow: 0 0 16px -10px #000 !important; }
  
  .cartCheckoutProduct .checkoutProductItem .checkoutItemName a { color: #ffffff !important; }
  #checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutText { color: #ffffff !important; }
  #checkoutCartProductDiv .emptyText { color: #ffffff !important; }
  #checkoutCartProductDiv .emptyIconSvg { border-color: #ffffff !important; }
  
  
  
  
  
  
  
  
  .basket-item[data-v-c2048e79] { background: #2D5016 !important; }

.accordion-title-wrapper[data-v-c33a8d98] { background-color: #c9922a !important; }
.accordion-title-wrapper[data-v-c33a8d98] { border-bottom-color: var(--border-color) !important; }

.accordion-content[data-v-c33a8d98] { background-color: #2D5016 !important; }

.payment-usermenu[data-v-8c5aa6c3] { color: #ffffff !important; }

.address-radio-item { background-color: #2D5016 !important; }
.address-radio-item { border-color: #ffffff !important; }

.address-radio-item .address-radio-item-title { color: #ffffff !important; }

.address-radio-item .inner .address-radio-item-content { color: #ffffff !important; }

.cargo-list--item_name { color: #ffffff !important; }

.order-note textarea[data-v-8421fe88] { background: #2D5016 !important; }
.order-note textarea[data-v-8421fe88] { border-bottom-color: var(--border-color) !important; }
.order-note textarea[data-v-8421fe88] { color: #15284b !important; }
  
  
  
  
  
  #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuCloseBtn { background: #2D5016 !important; }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuCloseBtn { color: #000 !important; }
  .siparisListe .altButonTutucu { background-color: #2D5016 !important; }
  
  

  .header[data-v-69a44ac3] { border-bottom: 0 !important; }

  
  
  .UyeGirisOnayDiv .newUserWrapper.userDiv { background: #2D5016 !important; }
.UyeGirisOnayDiv .currentUser { color: #ffffff !important; }
  .UyeGirisOnayDiv .btnLoginPage { color: rgba(255,255,255,0.55) !important; }
  
  
  
  #sepetEkleModal .modal-content { border-color: #C9922A !important; }
#sepetEkleModal .modal-content { background: #2D5016 !important; }
  
  
  
  #sepetEkleModal .divEklenenSepetToplam { border-top-color: #C9922A !important; }
#sepetEkleModal .divEklenenSepetToplam { border-bottom-color: #C9922A !important; }
#sepetEkleModal .divEklenenSepetToplam { color: #ffffff !important; }

#sepetEkleModal .divAltButonlar a { background-color: #C9922A !important; }
#sepetEkleModal .divAltButonlar a { color: #fff !important; }

#sepetEkleModal .divEklenenUrunRow .divCol2 h4 { color: #ffffff !important; }
  

  
  #sepetEkleModal .divEklenenUrunRow .divCol3 { color: #C9922A !important; }
  
  
  
  

/* =========================================================
   EZİNEM MANDIRA — ÜRÜN DETAY SAYFASI (TEK PARÇA, TEMİZ SÜRÜM)
   Bu blok eski dosyanızdaki şu bölümlerin TAMAMININ yerine geçer:
   - EZINEM MANDIRA - URUN DETAY CSS-ONLY FINAL
   - FIYAT KARTI TEMİZLEME - STABIL FIX
   - EZINEM MANDIRA - PREMIUM SHOW LAYER
   - EZINEM - NORMAL / INDIRIMLI FIYAT FINAL FIX
   - EZINEM - CLASS'SIZ NORMAL FIYAT FINAL FIX
   - iki adet ".emp-price-ready" gizleme bloğu
   (Silme talimatı için sohbetteki mesaja bakın.)
   ========================================================= */

:root {
  --emp-gold: #C9922A;
  --emp-gold-light: #E1A63A;
  --emp-text: rgba(255,255,255,.76);
  --emp-muted: rgba(255,255,255,.50);
  --emp-border-gold: rgba(201,146,42,.34);
  --emp-whatsapp: #25D366;
}

/* ---------- Gereksiz alanları gizle ---------- */
.ProductIcon, .categoryTitle, .back, .buyfast, #btnHemenAl, .buyfastbutton,
.UTelefonlaSiparis, .UFavorilerimeEkle, .UIstekListemeEkle, .UKarsilastirma,
.FiyatHaberVer, .UGelinceHaberVer, .TavsiyeEtBtnContent, .YorumYazbtnContent,
#divTaksitAciklama, .cloudzoom-zoom-inside, .cloudzoom-lens, .zoomContainer,
.zoomWindow, .zoomLens, .TabUrunOnerileri, #divTabUrunOnerileri {
  display: none !important;
}

/* ---------- Arka plan: SADECE ürün detay sayfası (eskiden site geneline sızıyordu) ---------- */
body.ProductBody {
  background:
    radial-gradient(circle at 12% 8%, rgba(201,146,42,.075), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(225,166,58,.055), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(0,0,0,.18), transparent 42%),
    var(--theme-cream) !important;
}

/* ---------- Genel yerleşim ---------- */
.contentProductDetail {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 44px 24px 70px !important;
  box-sizing: border-box !important;
}

/* ÖNEMLİ: Grid, .ProductDetailMainRow'a değil .TopDet'e uygulanıyor.
   Çünkü JS (UrunDetayIslemleri) sayfa yüklenir yüklenmez .leftImage ve
   .RightDetail'i .ProductDetailMainRow'dan çıkarıp yeni oluşturduğu
   .TopDet kutusunun içine taşıyor. Grid'i eskisi gibi .ProductDetailMainRow'a
   yazarsak, o kutu o an boş olduğu için hiçbir şey olmaz ve tarayıcı
   ikisini normal blok gibi alt alta dizer — ekran görüntüsünde gördüğümüz
   sorun tam olarak buydu. */
/* Hem JS çalışmadan ÖNCEKİ orijinal kapsayıcıya (.ProductDetailMainRow) hem
   JS çalıştıktan SONRAKİ kapsayıcıya (.TopDet) aynı grid uygulanıyor.
   Böylece JS'in birkaç saniye süren taşıma işlemini beklemeden, sayfa daha
   ilk andan itibaren doğru görünür — "önce bozuk sonra düzeliyor" gecikmesi
   büyük ölçüde ortadan kalkar. */
.ProductDetailMainRow,
.TopDet {
  display: grid !important;
  grid-template-columns: minmax(300px, 480px) minmax(300px, 540px) !important;
  justify-content: center !important;
  gap: clamp(24px, 3vw, 48px) !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* ---------- Sol görsel alanı ---------- */
.leftImage { grid-column: 1 !important; width: 100% !important; min-width: 0 !important; position: relative !important; border: none !important; outline: none !important; }

.leftImage .Images {
  position: relative !important;
  width: 100% !important;
  padding: 12px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) !important;
  border: 1px solid var(--emp-border-gold) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05), 0 0 40px rgba(0,168,90,.12) !important;
  box-sizing: border-box !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.leftImage .Images:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 32px 84px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05), 0 0 52px rgba(0,168,90,.17) !important;
}

.leftImage .Images::before {
  content: "FIRSAT";
  position: absolute; left: 22px; top: 22px; z-index: 4;
  height: 25px; padding: 0 13px; display: inline-flex; align-items: center;
  border-radius: 999px; background: linear-gradient(135deg, var(--emp-gold), var(--emp-gold-light));
  color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .8px;
  box-shadow: 0 9px 20px rgba(201,146,42,.3);
}

.leftImage .Images::after {
  content: "EZİNEM";
  position: absolute; right: 22px; bottom: 22px; z-index: 4;
  height: 24px; padding: 0 13px; display: inline-flex; align-items: center;
  border-radius: 999px; background: rgba(20,44,11,.9); border: 1px solid rgba(255,255,255,.15);
  color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .8px;
}

.leftImage .Images #imgUrunResim, .leftImage .Images img {
  width: 100% !important; height: auto !important; display: block !important;
  object-fit: contain !important; border-radius: 18px !important;
  border: 3px solid #00a85a !important; background: #f4f1e8 !important; cursor: default !important;
}

/* Gerçek HTML'de görülen class'lara göre agresif "görünür kal" güvencesi:
   Ticimax'ın kendi temel CSS'i (bizim görmediğimiz kısım) bu class'larda
   mobilde farklı bir şey yapıyor olabilir, bu kural onu ezmeyi dener. */
.leftImage .Images.imageZoomPreview {
  height: auto !important; min-height: 0 !important; max-height: none !important;
  opacity: 1 !important; visibility: visible !important;
}
.leftImage .Images #imgUrunResim.cloudzoom, .leftImage .Images img.cloudzoom {
  display: block !important; opacity: 1 !important; visibility: visible !important;
  position: static !important; width: 100% !important; height: auto !important;
  min-height: 40px !important; max-height: none !important; transform: none !important;
}

/* Gerçek telefonlarda #imgUrunResim hiç render edilmiyor — Ticimax şablonu
   product.isMobileDevice=true olduğunda bunun yerine #divMobileImageList
   (Swiper.js tabanlı) kullanıyor. O yüzden masaüstü resim kutusu mobilde
   boş kalıyor, gizliyoruz; asıl stil mobil galeriye veriliyor. */
.leftImage .Images.imageZoomPreview:not(:has(#imgUrunResim)) { display: none !important; }

/* Mobil galeriye (#divMobileImageList) artık hiçbir özel stil verilmiyor —
   Owl Carousel'e üst üste eklenen müdahaleler her seferinde farklı ve daha
   ağır bir bozulmaya yol açtı (önce görünmedi, sonra taştı, sonra dar bir
   şeride küçülüp resim kırıldı). Bu düzenli yaklaşma değil dağılma paterni,
   yani CSS'in JS'i kontrol etmediğinin, tam tersine çakıştığının işareti.
   En güvenli seçenek: hiç dokunmamak. Ticimax'ın/Owl'un kendi varsayılan
   davranışı muhtemelen çalışıyordu, sadece tema rengiyle uyumsuz/sade
   görünüyordu — bu, sayfanın tamamen bozuk görünmesinden daha iyi. */

.leftImage .SmallImages { display: flex !important; gap: 10px !important; margin-top: 14px !important; flex-wrap: wrap !important; }

.leftImage .SmallImages .AltImgCapSmallImg img {
  width: 72px !important; height: 72px !important; object-fit: cover !important; border-radius: 14px !important;
  border: 2px solid rgba(255,255,255,.12) !important; background: rgba(255,255,255,.07) !important;
  cursor: pointer !important; transition: transform .2s ease, border-color .2s ease !important;
}

.leftImage .SmallImages .AltImgCapSmallImg img:hover { transform: translateY(-2px) !important; border-color: var(--emp-gold-light) !important; }

/* ---------- Sağ bilgi alanı ---------- */
.RightDetail { grid-column: 2 !important; width: 100% !important; display: flex !important; flex-direction: column !important; gap: 18px !important; }
.RightDetail::before { content: none !important; display: none !important; }

.RightDetail .ProductName { padding-bottom: 18px !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }

.RightDetail .ProductName h1 {
  margin: 0 !important; color: #fff !important; font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(28px, 3vw, 46px) !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.6px !important;
}

.RightDetail .ProductName::after {
  content: ""; display: block; width: 84px; height: 3px; margin-top: 16px;
  border-radius: 999px; background: linear-gradient(90deg, var(--emp-gold), rgba(201,146,42,0));
}

/* ---------- Fiyat kartı: TEK ve NET kural seti (eski 4 katman yerine) ---------- */
.RightDetail .PriceList {
  position: relative !important; overflow: hidden !important; min-height: 150px !important;
  padding: 24px 28px !important; margin: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important;
  border-radius: 22px !important; border: 1px solid var(--emp-border-gold) !important;
  background: radial-gradient(circle at 95% 0%, rgba(201,146,42,.18), transparent 34%), linear-gradient(135deg, rgba(201,146,42,.18), rgba(255,255,255,.035)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; box-sizing: border-box !important;
  opacity: 1 !important; /* eskiden burada script'in hiç eklemediği bir class'a bağlı gizleme hilesi vardı, kaldırıldı */
}

.PriceList .left_line, .PriceList .center_line, .PriceList .Formline.puanVer,
.PriceList .Formline.IndirimOraniContent, .PriceList .Formline.productDetailAsorti, .PriceList .Formline.productDetailAsortiV2,
.PriceList .indirim, .PriceList .discount {
  display: none !important;
}

.PriceList:has(.Formline.IndirimliFiyatContent) .Formline.PiyasafiyatiContent .spanFiyat,
.PriceList:has(.Formline.IndirimliFiyatContent) .Formline.PiyasafiyatiContent .spanKdv,
.PriceList:has(.Formline.IndirimliFiyatContent) #fiyat2 span,
.PriceList:has(.Formline.IndirimliFiyatContent) .piyasaFiyati span,
.PriceList:has(.Formline.IndirimliFiyatContent) .oldPrice span {
  display: block !important; color: rgba(255,255,255,.45) !important; font-family: Arial, sans-serif !important;
  font-size: 16px !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: line-through !important; margin: 0 0 6px 0 !important;
}

.PriceList .Formline.IndirimliFiyatContent .spanFiyat,
.PriceList:not(:has(.Formline.IndirimliFiyatContent)) .Formline.PiyasafiyatiContent .spanFiyat,
.PriceList:not(:has(.Formline.IndirimliFiyatContent)) #fiyat2 span,
.PriceList:not(:has(.Formline.IndirimliFiyatContent)) .piyasaFiyati span,
.PriceList:not(:has(.Formline.IndirimliFiyatContent)) .oldPrice span,
.PriceList .Formline:not(.PiyasafiyatiContent):not(.IndirimliFiyatContent):not(.IndirimOraniContent):not(.puanVer):not(.productDetailAsorti):not(.productDetailAsortiV2):not(.BorderNone) .spanFiyat,
.PriceList .indirimliFiyat span, .PriceList .spanFiyat span, .PriceList .right_line span {
  display: block !important; color: var(--emp-gold-light) !important; font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(30px, 3.4vw, 50px) !important; font-weight: 200 !important; line-height: 1.05 !important; letter-spacing: -1px !important;
  text-decoration: none !important; margin: 0 !important;
}

.PriceList .spanKdv, .PriceList [class*="Kdv" i] {
  display: block !important; color: rgba(255,255,255,.6) !important; font-family: Arial, sans-serif !important;
  font-size: 9px !important; font-weight: 200 !important; margin-top: 4px !important;
}

.PriceList::after {
  content: "✓ Ücretsiz Kargo   ·   ✓ Güvenli Ödeme   ·   ✓ Hızlı Teslimat";
  position: relative; z-index: 2; display: block; margin-top: 14px;
  color: rgba(255,255,255,.55); font-size: 11px; font-weight: 600; letter-spacing: .3px;
}

/* ---------- Adet + Sepete Ekle ---------- */
.divSatinAl { margin: 0 !important; }

#divSatinAl .BasketBtn, .divSatinAl .BasketBtn {
  display: grid !important; grid-template-columns: 110px minmax(0, 1fr) !important; gap: 12px !important; align-items: center !important;
  width: 100% !important; padding: 14px !important; border-radius: 20px !important; border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.035) !important; box-sizing: border-box !important;
}

#divSatinAl .Basketinp, .divSatinAl .Basketinp, #divSatinAl .riSingle, .divSatinAl .riSingle {
  width: 110px !important; min-width: 110px !important; max-width: 110px !important; height: 52px !important; margin: 0 !important;
}

#divSatinAl .riSingle, .divSatinAl .riSingle {
  display: grid !important; grid-template-columns: 34px 42px 34px !important; overflow: hidden !important; border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.13) !important; background: rgba(255,255,255,.055) !important; box-sizing: border-box !important;
}

#divSatinAl .riDown, #divSatinAl .riUp, .divSatinAl .riDown, .divSatinAl .riUp {
  width: 34px !important; height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important;
  color: var(--emp-gold-light) !important; background: transparent !important; font-size: 18px !important; font-weight: 900 !important;
  cursor: pointer !important; text-indent: -9999px !important; position: relative !important;
}

#divSatinAl .riDown, .divSatinAl .riDown { order: 1 !important; }
#txtbxurunSiparisAdedi { order: 2 !important; }
#divSatinAl .riUp, .divSatinAl .riUp { order: 3 !important; }

#divSatinAl .riDown::before, .divSatinAl .riDown::before { content: "−" !important; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-indent: 0; }
#divSatinAl .riUp::before, .divSatinAl .riUp::before { content: "+" !important; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-indent: 0; }

#txtbxurunSiparisAdedi {
  width: 42px !important; height: 52px !important; text-align: center !important; color: #fff !important; background: transparent !important;
  border: none !important; border-left: 1px solid rgba(255,255,255,.11) !important; border-right: 1px solid rgba(255,255,255,.11) !important;
  font-size: 14px !important; font-weight: 900 !important;
}

#divSatinAl .Addtobasket, .divSatinAl .Addtobasket, .Addtobasket.button.btnAddBasketOnDetail {
  display: block !important; width: 100% !important; height: 52px !important; margin: 0 !important; border: none !important; border-radius: 14px !important;
  color: #fff !important; background: linear-gradient(135deg, var(--emp-gold), var(--emp-gold-light)) !important;
  font-size: 15px !important; font-weight: 800 !important; cursor: pointer !important; letter-spacing: .2px !important;
  box-shadow: 0 10px 24px rgba(201,146,42,.28) !important; transition: transform .18s ease, box-shadow .18s ease !important;
}

.Addtobasket.button.btnAddBasketOnDetail:hover { transform: translateY(-1px) !important; box-shadow: 0 14px 30px rgba(201,146,42,.36) !important; }

/* ---------- WhatsApp ile Sipariş: JS'in gerçekten ürettiği class'a (.emp-whatsapp) stil verildi ---------- */
/* Not: eski CSS ".emp-wa-btn" adında bir buton tasarlıyordu ama JS hiç o class'ı üretmiyordu, o yüzden hiç görünmüyordu. */
.emp-whatsapp {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  width: 100% !important; margin-top: 12px !important; padding: 15px 20px !important; border-radius: 14px !important;
  background: var(--emp-whatsapp) !important; color: #fff !important; font-weight: 800 !important; font-size: 14px !important;
  letter-spacing: .2px !important; text-decoration: none !important; box-shadow: 0 10px 22px rgba(37,211,102,.24) !important;
  transition: transform .18s ease, box-shadow .18s ease !important; box-sizing: border-box !important;
}

.emp-whatsapp:hover { transform: translateY(-1px) !important; box-shadow: 0 14px 28px rgba(37,211,102,.34) !important; }

/* ---------- Bilgi kutuları ---------- */
.ProductIcon2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
.ProductIcon2 > * { display: none !important; }

.ProductIcon2::before, .ProductIcon2::after {
  display: block; padding: 16px; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); border-left: 3px solid var(--emp-gold);
  background: rgba(255,255,255,.035); color: var(--emp-text); font-size: 12px; line-height: 1.55; font-weight: 700;
}

.ProductIcon2::before { content: "Aynı Gün Kargo — Saat 14:00'e kadar verilen siparişler aynı gün kargoya verilir"; }
.ProductIcon2::after { content: "Telefonla Sipariş — 0543 275 02 17"; }

/* ---------- Sekme (tab) alanı ---------- */
.urunOzellik { grid-column: 1 / -1 !important; margin-top: 48px !important; padding-top: 28px !important; border-top: 1px solid rgba(255,255,255,.08) !important; clear: both !important; }

.urunTab ul {
  display: flex !important; flex-wrap: wrap !important; gap: 6px !important; width: fit-content !important; max-width: 100% !important;
  list-style: none !important; padding: 7px !important; margin: 0 0 22px !important; border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important; background: rgba(255,255,255,.025) !important;
}

.urunTab ul li a {
  display: block !important; padding: 12px 20px !important; border-radius: 13px !important; background: transparent !important;
  color: var(--emp-muted) !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important;
  cursor: pointer !important; transition: background .18s ease, color .18s ease !important;
}

.urunTab ul li a:hover { color: #fff !important; background: rgba(201,146,42,.2) !important; }

.urunTab ul li a.emp-active-tab, .urunTab ul li a.active, .urunTab ul li a.selected {
  color: #fff !important; background: linear-gradient(135deg, var(--emp-gold), #b9821f) !important; box-shadow: 0 8px 20px rgba(201,146,42,.22) !important;
}

.urunDetayPanel, #divTabOzellikler, #divTabYorumlar, #divTabOdemeSecenekleri, #divTabTaksitSecenekleri { display: none !important; }
#divTabOzellikler.emp-tab-active, #divTabYorumlar.emp-tab-active, #divTabOdemeSecenekleri.emp-tab-active, #divTabTaksitSecenekleri.emp-tab-active { display: block !important; }

.urunTabAlt { color: var(--emp-text) !important; font-size: 14px !important; line-height: 2 !important; }

#divTabOzellikler .urunTabAlt, #divTabYorumlar .urunTabAlt {
  padding: 28px !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 22px !important; background: rgba(255,255,255,.035) !important;
}

.urunTabAlt:empty, .urunDetayPanel:empty { display: none !important; }

/* ---------- Ödeme / Taksit seçenekleri ---------- */
#divTabOdemeSecenekleri, #divTabTaksitSecenekleri {
  width: 100% !important; padding: 26px !important; margin-top: 18px !important; border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 22px !important; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)) !important;
  box-sizing: border-box !important; overflow: hidden !important; color: var(--emp-text) !important;
}

#divTabOdemeSecenekleri > div[style], #divTabTaksitSecenekleri > div[style] {
  display: inline-flex !important; flex-direction: column !important; justify-content: center !important; width: 220px !important; height: 92px !important;
  margin: 0 12px 24px 0 !important; padding: 16px 18px !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,.22) !important;
  background: linear-gradient(180deg, #f3f1e8, #e8e6db) !important; color: #3f4a35 !important; box-sizing: border-box !important;
  float: none !important; position: relative !important;
}

#divTabOdemeSecenekleri > div[style] *, #divTabTaksitSecenekleri > div[style] * { color: #44503a !important; }

#divTabOdemeSecenekleri > div[style] b, #divTabOdemeSecenekleri > div[style] strong,
#divTabTaksitSecenekleri > div[style] b, #divTabTaksitSecenekleri > div[style] strong {
  color: var(--emp-gold) !important; font-size: 22px !important; font-weight: 900 !important;
}

#divTabOdemeSecenekleri img, #divTabTaksitSecenekleri img {
  display: inline-block !important; max-width: 140px !important; height: auto !important; margin: 0 30px 14px 20px !important;
  vertical-align: middle !important; object-fit: contain !important; filter: drop-shadow(0 4px 10px rgba(0,0,0,.14)) !important;
  float: none !important; position: relative !important;
}

#divTabOdemeSecenekleri table, #divTabTaksitSecenekleri table {
  display: inline-table !important; width: 255px !important; table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 !important;
  overflow: hidden !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,.11) !important; background: rgba(255,255,255,.045) !important;
  margin: 0 22px 22px 0 !important; vertical-align: top !important; float: none !important; position: relative !important;
}

#divTabOdemeSecenekleri table th, #divTabTaksitSecenekleri table th {
  background: linear-gradient(135deg, #0f7e60, #126d53) !important; color: #fff !important; padding: 12px 8px !important; font-size: 11px !important; font-weight: 800 !important; text-align: center !important;
}

#divTabOdemeSecenekleri table:nth-of-type(even) th, #divTabTaksitSecenekleri table:nth-of-type(even) th { background: linear-gradient(135deg, #174e79, #123f63) !important; }

#divTabOdemeSecenekleri table td, #divTabTaksitSecenekleri table td {
  background: rgba(255,255,255,.025) !important; color: rgba(255,255,255,.9) !important; padding: 12px 8px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important; font-size: 11px !important; font-weight: 700 !important; text-align: center !important;
}

#divTabOdemeSecenekleri table td:first-child, #divTabTaksitSecenekleri table td:first-child { color: #fff !important; font-weight: 900 !important; }
#divTabOdemeSecenekleri table td:not(:first-child), #divTabTaksitSecenekleri table td:not(:first-child) { color: #f6f0df !important; }

/* ---------- Responsive: tek, boşluksuz geçiş (eski sürümde 900-1100px arası taşıyordu) ---------- */
@media (max-width: 860px) {
  .contentProductDetail { padding: 24px 16px 5px !important; }
  .ProductDetailMainRow, .TopDet { grid-template-columns: 1fr !important; gap: 26px !important; }
  .leftImage { max-width: 550px !important; width: 100% !important; min-width: 0 !important; margin: 0 auto !important; grid-row: 1 !important; grid-column: 1 !important; display: block !important; float: none !important; clear: both !important; }
  .RightDetail { grid-row: 2 !important; grid-column: 1 !important; display: flex !important; float: none !important; clear: both !important; width: 100% !important; padding: 0 4px !important; box-sizing: border-box !important; }
  .ProductIcon2 { grid-template-columns: 1fr !important; }
  .urunOzellik { margin-top: 34px !important; padding-top: 22px !important; }

  .mobileImageSlider, #divMobileImageList {
    width:68% !important;      /* ← ekranın %90'ı, kenarlarda boşluk kalır */
    margin-left: auto !important;
    margin-right: auto !important;   /* ortalar */
    height: 255px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    padding: 4px !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    border: 6px solid var(--emp-border-gold) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.025)) !important;
    opacity: 0 !important;
  }
  .mobileImageSlider.emp-ready, #divMobileImageList.emp-ready {
    opacity: 1 !important;
    transition: opacity .15s ease !important;
  }
  .mobileImageSlider .owl-stage-outer, #divMobileImageList .owl-stage-outer {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .mobileImageSlider .owl-item img, #divMobileImageList .owl-item img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;      /* ← resmi %80'e küçültür */
    max-height: 60% !important;
    margin: auto !important;        /* ortalar */
    object-fit: contain !important;
    border: 3px solid #00a85a !important;
    background: #f4f1e8 !important;
    box-sizing: border-box !important;
}
  .mobileImageSlider .owl-nav, #divMobileImageList .owl-nav,
  .mobileImageSlider .owl-dots, #divMobileImageList .owl-dots {
    display: none !important;
  }
}

@media (max-width: 600px) {
  .RightDetail .ProductName h1 { font-size: 27px !important; }
  .PriceList .Formline.IndirimliFiyatContent .spanFiyat,
  .PriceList:not(:has(.Formline.IndirimliFiyatContent)) .Formline.PiyasafiyatiContent .spanFiyat,
  .PriceList .Formline:not(.PiyasafiyatiContent):not(.IndirimliFiyatContent):not(.IndirimOraniContent):not(.puanVer):not(.productDetailAsorti):not(.productDetailAsortiV2):not(.BorderNone) .spanFiyat,
  .PriceList .indirimliFiyat span, .PriceList .spanFiyat span, .PriceList .right_line span { font-size: 32px !important; }
  .leftImage .SmallImages { display: none !important; }
  #divSatinAl .BasketBtn, .divSatinAl .BasketBtn { grid-template-columns: 92px minmax(0,1fr) !important; gap: 8px !important; padding: 10px !important; }
  #divSatinAl .Basketinp, .divSatinAl .Basketinp, #divSatinAl .riSingle, .divSatinAl .riSingle { width: 92px !important; min-width: 92px !important; max-width: 92px !important; height: 48px !important; }
  #divSatinAl .riSingle, .divSatinAl .riSingle { grid-template-columns: 28px 36px 28px !important; }
  #divSatinAl .riDown, #divSatinAl .riUp, .divSatinAl .riDown, .divSatinAl .riUp { width: 28px !important; height: 48px !important; }
  #txtbxurunSiparisAdedi { width: 36px !important; height: 48px !important; }
  #divSatinAl .Addtobasket, .divSatinAl .Addtobasket, .Addtobasket.button.btnAddBasketOnDetail { height: 48px !important; font-size: 13px !important; }
  .urunTab ul li a { padding: 10px 14px !important; font-size: 12px !important; }
  

  

  
  
  

  
}