/* ===================================================================
   genel.css — Emka AV (optimizasyonlu, sade & güvenli) — FINAL
   =================================================================== */

/* =============== 0) KÖK DEĞİŞKENLER =============== */
:root{
  --primary:#103178;
  --warning:#ff9923;
  --gray:#f5f5f7;
  --dark-gray:#6b7280;
  --text-800:#111111;
  /* Sabit başlık mesafesi – esnek */
  scroll-padding-top: clamp(64px, 9vh, 96px);
}

/* === Müşteri Yorumları kutusu === */
#emkaReviews{ max-width:1200px; margin:24px auto; padding:0 12px; }
#emkaReviews .reviews-title{ margin:0 0 12px; font-weight:700; text-align:center; }
#emkaReviews .emka-reviews-box{
  border:1px solid #e0e0e0; border-radius:12px; overflow:hidden; background:#fff;
}

/* İç çerçeve: yükseklik sabitle (tema çakışmasını önlemek için) */
#emkaReviews .emka-reviews-framehold{
  height:clamp(460px, 72vh, 680px);
}

/* İframe her zaman kutuyu doldursun */
#emkaReviews iframe{
  width:100% !important;
  height:100% !important;
  display:block;
  border:0;
}

@media (max-width:768px){
  #emkaReviews .emka-reviews-framehold{ height:clamp(380px, 62vh, 520px); }
}


/* =============== 1) ÜRÜN İKONLARI =============== */
/* =============== 1) KARGO BİLGİLERİ =============== */

#PM_urun_detayi .urun_ikonlar{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;

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

  overflow:visible !important;
}

/* Kargo kutularının ortak tasarımı */
#PM_urun_detayi .urun_ikonlar .icon-container{
  position:relative !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  min-width:0 !important;
  min-height:46px !important;
  padding:8px 5px !important;
  box-sizing:border-box !important;

  background:#fff7ed !important;
  border:1px solid #ff9a32 !important;
  border-radius:8px !important;
  box-shadow:0 3px 8px rgba(0,0,0,.08) !important;

  color:#292929 !important;
  font-size:13px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

/* Ücretsiz Kargo kutusu */
#PM_urun_detayi .urun_ikonlar .icon-container:nth-child(2){
  background:#f1fff4 !important;
  border-color:#51c56c !important;
}

/* Eski ikonları kaldır */
#PM_urun_detayi .urun_ikonlar svg,
#PM_urun_detayi .urun_ikonlar img,
#PM_urun_detayi .urun_ikonlar i{
  display:none !important;
}

/* Yeni ikonların ortak ayarı */
#PM_urun_detayi .urun_ikonlar .icon-container::before{
  content:"" !important;

  display:block !important;
  width:25px !important;
  height:25px !important;
  min-width:25px !important;

  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
}

/* Aynı Gün Kargo ikonu */
#PM_urun_detayi .urun_ikonlar .icon-container:nth-child(1)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8500' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
}

/* Ücretsiz Kargo kamyon ikonu */
#PM_urun_detayi .urun_ikonlar .icon-container:nth-child(2)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2323a944' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3z'/%3E%3Cpath d='M14 9h4l3 4v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") !important;
}

/* =============== PC BİLGİ BALONU =============== */
@media(min-width:769px){

  #PM_urun_detayi .urun_ikonlar .icon-container:first-child{
    cursor:help !important;
    z-index:20 !important;
  }

  #PM_urun_detayi .urun_ikonlar .icon-container:first-child::after{
    content:"14.30'a kadar verilen siparişler aynı gün kargoda.";

    position:absolute !important;
    left:50% !important;
    bottom:calc(100% + 10px) !important;

    width:240px !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;

    transform:translateX(-50%) translateY(5px) !important;

    background:#252525 !important;
    color:#ffffff !important;
    border-radius:7px !important;
    box-shadow:0 5px 15px rgba(0,0,0,.22) !important;

    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    text-align:center !important;
    white-space:normal !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:9999 !important;

    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility .18s ease !important;
  }

  #PM_urun_detayi .urun_ikonlar .icon-container:first-child:hover::after{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateX(-50%) translateY(0) !important;
  }

  /* Hover sırasında hafif vurgu */
  #PM_urun_detayi .urun_ikonlar .icon-container:first-child:hover{
    border-color:#ff8500 !important;
    box-shadow:0 4px 11px rgba(255,133,0,.16) !important;
  }
}

/* =============== MOBİL =============== */
@media(max-width:420px){

  #PM_urun_detayi .urun_ikonlar{
    gap:7px !important;
  }

  #PM_urun_detayi .urun_ikonlar .icon-container{
    min-height:42px !important;
    gap:6px !important;
    padding:6px 2px !important;
    font-size:12px !important;
  }

  #PM_urun_detayi .urun_ikonlar .icon-container::before{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
  }

  /* Mobilde bilgi balonu görünmez */
  #PM_urun_detayi .urun_ikonlar .icon-container:first-child::after{
    display:none !important;
  }
}

/* =============== 3) LOGO / HEADER =============== */
@media (min-width:600px){ .logo img{ max-width:240px !important; } }
@media (max-width:600px){
  .logo{ padding-left:0; }
  .logo img{ max-width:200px !important; }
}
header.position-relative{ position:sticky; top:0; z-index:1000; background:#fff; }
.main-menu{ position:static; }
.ust-menu{ max-width:1200px; }
.ust-menu #ust_ana_menu{ display:flex; align-items:center; justify-content:center; }
.ust-menu #ust_ana_menu span{ font-weight:500; }

/* Mobil header */
@media (max-width:768px){
  body{ padding-top:0 !important; }
  header.position-relative{ z-index:1000 !important; }
  .mobil-menu{ z-index:99999 !important; }
  .topbar.hide{ display:none !important; } /* JS'in eklediği class */
  header.position-relative.shrink{ box-shadow:0 2px 10px rgba(0,0,0,.06); }
  header.position-relative.shrink .logo img{ max-width:160px !important; }
}

/* Premium Topbar - Bordo Geçişli / Amber Hover */
body .topbar{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(90deg,#4b070d 0%,#650b13 35%,#7b1118 68%,#520810 100%)!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 3px 12px rgba(15,23,42,.22)!important;
}

/* Soldan sağa premium ışık geçişi */
body .topbar:before{
  content:""!important;
  display:block!important;
  position:absolute;
  top:0;
  left:-35%;
  z-index:0;
  width:30%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:skewX(-22deg);
  animation:emkaTopbarSlide 6s ease-in-out infinite;
  pointer-events:none;
}

/* Hafif üst cam efekti */
body .topbar:after{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.025) 48%,rgba(0,0,0,.12) 100%);
  pointer-events:none;
}

body .topbar .container-fluid{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff!important;
  padding:10px 8px;
  min-height:42px;
  font-size:16px;
  text-align:center;
}

body .topbar span,
body .topbar a{
  color:#fff!important;
  font-weight:800!important;
  text-shadow:0 1px 1px rgba(0,0,0,.28);
  transition:color .22s ease,opacity .22s ease,text-shadow .22s ease,transform .22s ease;
}

body .topbar .telefon span,
body .topbar .telefon a{
  font-weight:900!important;
}

body .topbar a{
  margin-left:10px;
  text-decoration:none;
}

/* Hover - Premium Amber / Altın */
body .topbar a:hover,
body .topbar span:hover,
body .topbar .telefon:hover span,
body .topbar .telefon:hover a{
  color:#ffd166!important;
  opacity:1!important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.40),
    0 0 10px rgba(255,209,102,.45);
}

body .topbar a:hover{
  transform:translateY(-1px);
}

body .topbar .container-fluid a img{
  width:24px;
  height:24px;
  margin-right:5px;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));
}

/* WhatsApp logosu yeşil */
body .topbar .telefon img{
  filter:invert(43%) sepia(98%) saturate(512%) hue-rotate(88deg) brightness(95%) contrast(92%) drop-shadow(0 1px 1px rgba(0,0,0,.22))!important;
  opacity:1!important;
}

@keyframes emkaTopbarSlide{
  0%{left:-35%;}
  42%{left:115%;}
  100%{left:115%;}
}

@media (max-width:768px){
  body .topbar .container-fluid{
    padding:8px 6px;
    min-height:38px;
  }

  body .topbar span,
  body .topbar a{
    font-size:12px;
    font-weight:800!important;
  }
}
/* =============== 5) ÜRÜN KART GÖRSELLERİ (CLS) =============== */
.urun_liste .urun_resmi img,
.urun .urun_resmi img,
.card-img-top,
.card-img-top.img-fluid{
  width:100% !important; height:auto !important; display:block;
  object-fit:contain; margin:0 auto !important; padding:0 !important;
  border-radius:0 !important; 
}

/* =============== 6) GENEL / GRID / FONT =============== */
body{ font-size:1rem !important; }
.border-light{ border-color:#ffffff !important; }
@media (min-width:769px){
  #PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_ismi{
    font-size:24px; border-bottom:1px solid #e9ecef; padding:0px 0;
  }
}
@media (max-width:768px){
  #PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat{
    border-top:1px solid #e9ecef; padding-top:8px; margin-top:6px; padding-bottom:0;
  }
  .urun_liste .urun_kdvdahil_fiyati, .urun .urun_kdvdahil_fiyati{ font-size:16px; }
  .card-body{ padding:.25rem; }
}

/* =============== 7) FİYAT ALANI =============== */
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat .proPriceCont{
  display:flex; flex-direction:row; align-items:center; gap:10px;
}
@media (max-width: 768px) {
  #PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat .proPriceCont{
    display:flex;
    justify-content:center;
    width:100%;
  }
}

.proPrice .urun_fiyati{ font-size:28px; font-weight:700; color:var(--primary); }
@media (min-width:992px){ .proPrice .urun_fiyati{ font-size:32px; } }
@media (max-width:767px){ .proPrice .urun_fiyati{ font-size:24px; } }
#PM_urun_detayi .proPriceCont .proPrice .indirimsiz_urun_fiyati{
  font-size:16px; font-weight:600; text-decoration:line-through; color:var(--dark-gray);
}

/* =============== 8) SEPET / DETAY =============== */
body #sepet_detay .left-section .cart_product_name a{
  color:#555; font-size:1.1rem; text-decoration:none; font-weight:500; transition:all .35s ease;
}
body #sepet_detay .left-section .cart_product_price{ color:#000; font-weight:500; font-size:25px; }
body #sepet_detay{ color:#000; }
body #sepet_detay .right-section table tr[data-attr="total-text"] td b{
  font-size:1.5rem; color:#000;
}

/* =============== 9) ÜRÜN DETAY / BLOKLAR =============== */
@media (min-width:992px){
  body{ background:url("https://platincdn.com/2696/dosyalar/images/bggk4(1).png"); }
  #PM_urun_detayi .pt-md-5, #PM_urun_detayi .py-md-5{ padding:0 !important; }
  #PM_urun_detayi .urun_detay_tablar, #PM_urun_detayi .urun_onerileri{ background:transparent; }
  #PM_urun_detayi .urun_detay_tablar .urun_detay_tablar_ul{ margin:0 auto !important; overflow-x:auto !important; display:flex !important; padding:0 !important; }
  #PM_urun_detayi .urun_detay_tablar .urun_detay_tablar_ul li{ list-style:none !important; }
  #PM_urun_detayi .urun_detay_tablar .urun_detay_tablar_ul li a{
    color:#333 !important; font-weight:600 !important; background:#E0E0E0 !important;
    padding-bottom:6px !important; font-size:16px !important; margin-right:10px !important; display:inline-block;
  }
  #PM_urun_detayi .urun_detay_tablar .urun_detay_tablar_ul li.active a{
    color:#00662F !important; font-weight:700 !important; background:#fff !important; border:1px solid #E0E0E0 !important; border-bottom:0 !important;
  }
  #PM_urun_detayi .urun_detay_tablar .detay_tablar .tab_container{
    padding:1.2rem; max-width:1200px; margin:0 auto;
    border:1px solid #E0E0E0 !important; background:#fff;
  }
  #PM_urun_detayi .col-md-8{ flex:inherit !important; max-width:100% !important; }
  .markalar{ margin-bottom:0 !important; }
}
#PM_urun_detayi .urun_detay_tablar .detay_tablar{ border:none; }
@media (max-width:768px){ #PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_ismi{ font-size:1.5rem; } }
#PM_urun_detayi .urun_taglari{ background:transparent; border:none; border-radius:5px; }
#PM_urun_detayi .urun_taglari .icerik ul li{
  background:var(--gray); padding:4px 16px; border:1px solid var(--primary);
  border-radius:0; margin-right:10px; margin-bottom:10px;
}
#PM_urun_detayi .icerik .urun_bilgiler .urun_detay_sol .urun_resmi{
  margin-bottom:10px; border:1px solid #e9ecef; border-radius:4px;
}
/* =============== TAKSİT SEÇENEKLERİ =============== */
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta
.urun_taksit_secenekleri_kisa{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  margin:10px 0 12px !important;
  padding:10px 13px !important;

  background:#fff8f0 !important;
  border:1px solid #ffd0a0 !important;
  border-left:4px solid #ff8a00 !important;
  border-radius:7px !important;

  color:#4a4a4a !important;
  font-size:15px !important;
  line-height:1.4 !important;

  box-shadow:0 2px 6px rgba(0,0,0,.05) !important;
}

/* Taksit etiketi */
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta
.urun_taksit_secenekleri_kisa::before{
  content:"9 TAKSİT";
  flex-shrink:0;

  padding:4px 7px;
  background:#ff8a00;
  border-radius:4px;

  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
}

/* Tıklayın bağlantısı */
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta
.urun_taksit_secenekleri_kisa a{
  color:#2458a6 !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

/* Mobil */
@media(max-width:480px){
  #PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta
  .urun_taksit_secenekleri_kisa{
    gap:7px !important;
    padding:9px 10px !important;
    font-size:13px !important;
  }

  #PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta
  .urun_taksit_secenekleri_kisa::before{
    padding:4px 5px;
    font-size:9px;
  }
}
#PM_urun_detayi .urun_detay_tablar a{ color:#fd6b01; }
#PM_urun_detayi>.icerik{
  background-color:transparent !important;
  background-image:url("https://platincdn.com/2696/dosyalar/images/bggk4(1).png") !important;
}
body #PM_urun_detayi .urun_secenekleri .miktar_container{ margin-top:0; }
body #PM_urun_detayi .urun_secenekleri .urun_sepete_ekle{
  display:flex; justify-content:flex-end; flex-direction:column-reverse; flex-wrap:nowrap; align-content:space-between;
}
body #PM_urun_detayi .urun_secenekleri .urun_sepete_ekle a{
  font-size:1rem; width:auto !important; display:flex; align-items:center;
  margin-top:0 !important; font-weight:500; flex-direction:column; border-radius:6px;
}

/* =============== 10) ÜRÜN LİSTE / ROZET / FİYAT =============== */
.urun{ height:100% !important; background:#fff; border:1px solid #E0E0E0; }
body .urun_liste .urun_kdvdahil_fiyati, body .urun .urun_kdvdahil_fiyati{ color:#fd6b01 !important; }
.stoktaki_benzer_urunler .addToCart{ display:none !important; }
.urun_liste .ayni_gun_kargo_urun_ikon, .urun .ayni_gun_kargo_urun_ikon{ background:#28a745 !important; }
.urun_liste .ayni_gun_kargo_urun_ikon:before, .urun .ayni_gun_kargo_urun_ikon:before{
  content:'AYNI GÜN KARGO'; display:block; color:#fff; line-height:1.25;
}
@media (max-width:768px){
  .urun_liste .ayni_gun_kargo_urun_ikon:before, .urun .ayni_gun_kargo_urun_ikon:before{ content:'Aynı Gün Kargo'; }
  .urun_liste .yeni_urun_ikon:before, .urun .yeni_urun_ikon:before{
    content:'YENİ'; display:block; color:#fff; font-size:10px; line-height:1.25;
  }
  .urun_liste .prodIcons, .urun .prodIcons{
    position:absolute !important; right:-14px !important; top:0 !important; z-index:2 !important; margin-top:0 !important;
  }
}
/* İndirim etiketi *//*
body #PM_anasayfa #PM_anasayfa_urunler .urunler:first-child .icerik .urun .discount,
.urun_liste .discount, .urun .discount{
  height:auto; width:auto; line-height:1; font-weight:600; z-index:1;
  background:#ff9923 !important; top:0; left:0; border:0 solid #ff9923;
  border-radius:0 !important; text-align:center !important; padding:4px 6px; font-size:13px;
}
*/
body #PM_anasayfa #PM_anasayfa_urunler .urunler:first-child .icerik .urun .discount { height: 45px; width: 45px; border-radius: 30px !important; background-color: #ff9923 !important; border: 1px solid #ffffff00; text-align: -webkit-center }


/* =============== 11) BUTONLAR / RENKLER =============== */
.cat_1 .urun_butonlar, .cat_4 .urun_butonlar{ display:none; }
body #PM_kategori_urunleri .btn-success,
body #PM_arama_urunleri .btn-success,
body #PM_yeni_urunler .btn-success,
body #PM_indirimli_urunler .btn-success,
body .sepet_oneriler .btn-success{
  opacity:1; transition:all .3s ease; border-radius:6px;
}
body .btn-success{ background:var(--warning); border-color:var(--warning); }
body .btn-primary{
  color:#fff; background:#d32f2f; border-color:#d32f2f;
  border-radius:30px; width:100px; font-weight:600; transition:all 300ms ease;
}

/* =============== 12) KATEGORİ / LİSTE / FİLTRE =============== */
.infoarea{ width:100% !important; margin-top:20px; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.infoarea .row{ width:100%; max-width:1200px; margin:0 auto; background:#fff; } /* esnek */
.etiket_urunleri_daraltma ul li a,
.daraltma_kategoriler ul li a,
#daraltma_secenkeleri_frm ul li{
  padding-top:.25rem; padding-bottom:.25rem; display:block; color:#555; font-size:15px;
}
/* Filtre yuvarlaklarını kareleştir */
body .custom-control-label::before,
body .custom-control-label::after{
  width:1.25rem !important; height:1.25rem !important; top:.2rem !important; left:-1.5rem !important; border-radius:4px !important;
}
/* Arama: liste görünümü butonunu gizle (gerekliyse) */
.btn.btn-light.bg-white{ display:none; }

/* =============== 13) BLOG BAŞLIKLARI =============== */
#blog-modul h5{
  font-size:15px; color:var(--primary);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; text-overflow:ellipsis;
}
@media (max-width:768px){
  .blog-title{ font-size:20px !important; font-weight:700 !important; line-height:1.4 !important; }
}

/* =============== 14) TABLO / SEPET LİSTESİ =============== */
#alisveris_listesi_frm td[align="right"]{
  padding:2px 2px; white-space:nowrap; font-size:.85rem; max-width:80px; overflow:hidden; text-overflow:ellipsis;
}
.table th[align=right]{ text-align:right !important; white-space:normal; font-weight:600; }

/* =============== 15) ALERT =============== */
body .alert-warning{
  font-weight: bold;
  color: rgb(255 255 255) !important;
  background: #dc3545 !important;
  border-color:rgb(249.9,231.9,207) !important;
}
body .alert{
  position:relative !important; padding:1rem 1rem !important; margin-bottom:1rem !important;
  border:1px solid rgba(0,0,0,0) !important; border-radius:.25rem !important;
  font-size: 14px !important;
}

/* =============== 16) BANNER / SLIDER MOBİL =============== */
@media (max-width:768px){
  .banner-slider, .banner-slider .owl-carousel, .banner-slider .owl-stage-outer{
    padding:0 !important; margin:0 !important; height:auto !important; max-height:280px !important; overflow:hidden;
  }
}

/* =============== 17) MOBİL MENÜ TRANSITIONS =============== */
body .cart-container.menu-btn .cart-content{ transition:none !important; }
body .cart-container.menu-btn.open_menu .cart-content{ transition:all 50ms ease-in-out !important; }
body .cart-container.menu-btn.open_menu .cart-content span,
body .cart-container.menu-btn.open_menu .cart-content li div,
body .cart-container.menu-btn.open_menu .cart-content li a{ color:var(--text-800); }
body .cart-container.menu-btn.open_menu .cart-content .drilldown-root .dropdown-item a{
  color:var(--text-800); padding:.75rem 1.25rem !important; font-weight:600;
}
body .cart-container.menu-btn.open_menu .cart-content .drilldown-back-container li div,
body .cart-container.menu-btn.open_menu .cart-content .drilldown-back-container li a{ color:var(--text-800); }
body .cart-container.menu-btn.open_menu .cart-content .drilldown-root .dropdown-item{ font-weight:600 !important; }
body .cart-container .cart-content .sepet-head span{ color:#ff2020 !important; }

/* =============== 18) SAYFA GENİŞLİKLERİ =============== */
body #PM_kategori_urunleri,
body #PM_arama_urunleri,
body #PM_yeni_urunler,
body #PM_indirimli_urunler,
body .sepet_oneriler{ max-width:1200px; margin:0 auto; }
@media (max-width:768px){
  body #PM_anasayfa #PM_anasayfa_urunler .urunler:first-child .icerik{
    border:none !important; border-radius:12px !important; box-shadow:0 2px 10px rgba(0,0,0,.08);
    padding:12px; background:#fff;
  }
}

/* =============== 18B) LİSTE GRID PAD/MARGIN — JS’ten CSS’e taşındı =============== */
@media (min-width:768px){
  #PM_kategori_urunleri .urun-dis,
  #PM_arama_urunleri .urun-dis,
  #PM_yeni_urunler .urun-dis,
  #PM_indirimli_urunler .urun-dis,
  .sepet_oneriler .urun-dis{
    padding-left:15px; padding-right:15px;
  }
  #PM_kategori_urunleri .icerik.row,
  #PM_arama_urunleri .icerik.row,
  #PM_yeni_urunler .icerik.row,
  #PM_indirimli_urunler .icerik.row,
  .sepet_oneriler .icerik.row{
    margin-left:-15px; margin-right:-15px;
  }
}

/* =============== 19) BREADCRUMB BAR / KAYAN YAZI =============== */
#kayan_yazi_alani{
  font-weight:600; font-size:15px; color:#0e2c6c; background:#1e2a38 !important;
}

/* =============== 20) FOOTER OVERRIDE (Scope'lu) =============== */
#shopFooter hr,
#shopFooter .social-media,
#shopFooter .copyright_row,
#shopFooter .copyright_row *,
#shopFooter .footer-bottom,
#shopFooter .payment,
#shopFooter .payment *{
  display: none !important;
}
#shopFooter{ background:transparent !important; box-shadow:none !important; border:0 !important; }
#shopFooter a{ text-decoration:none; }

/* Özel footer (#emkaFooter) genel stiller */
#emkaFooter{ color:#fff; font-family:'Segoe UI', sans-serif; display:block !important; }
#emkaFooter a{ color:#fff; text-decoration:none; }
#emkaFooter img{ transition:transform .2s ease; }
#emkaFooter img:hover{ transform:scale(1.06); }
#emkaFooter .footer-bg{
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:url('https://platincdn.com/2696/dosyalar/images/emkaavfooterbackground.webp') center center/cover no-repeat;
}
#emkaFooter .wrap{ max-width:1200px; margin:0 auto; padding:40px 20px 24px; }
#emkaFooter .cols{ border-bottom:0 !important; }

/* Marka görselleri — oranı koru */
#emkaFooter .brandrow img{
  height:22px;
  width:auto;
  max-width:100%;
}

/* =============== 21) KATEGORİ ALT METİN KUTUSU =============== */
.kategori_html_alt{
  max-height:400px; overflow-y:auto; padding:20px 20px 20px 15px;
  background:#fefefe; border-radius:12px; border:1px solid #e0e0e0;
  box-shadow:0 4px 12px rgba(0,0,0,.08); transition:all .3s ease;
  font-size:15px; line-height:1.6; color:#333;
}
.kategori_html_alt::-webkit-scrollbar{ width:8px; }
.kategori_html_alt::-webkit-scrollbar-track{ background:transparent; }
.kategori_html_alt::-webkit-scrollbar-thumb{
  background:linear-gradient(to bottom,#ccc,#aaa); border-radius:8px; transition:background .3s ease;
}
.kategori_html_alt::-webkit-scrollbar-thumb:hover{ background:linear-gradient(to bottom,#aaa,#888); }
@media (max-width:768px){
  .kategori_html_alt{ padding:20px 18px; font-size:14px; border-radius:12px; }
  .kategori_html_alt::-webkit-scrollbar{ display:none; }
  .kategori_html_alt h2{ font-size:17px; }
  .kategori_html_alt p{ font-size:14px; }
}
.kategori_html_alt a:link,
.kategori_html_alt a:visited,
.kategori_html_alt a:active{ color:#00662f; text-decoration:none; font-weight:500; }
.kategori_html_alt a:hover{ color:#b54219; text-decoration:underline; }

/* =============== 22) DİĞER KÜÇÜK DÜZENLEMELER =============== */
@media (max-width:1024px){ body .urun .card-body .urun_ismi{ font-size:13px; } }
@media (max-width:768px){
  .number-spinner.miktar_container.row{
    display:flex; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; flex-direction:column;
  }
}
.urun_aciklama ul{ list-style:disc; padding-left:1.5em; }
.urun_aciklama ul li{ list-style:disc; }
body #PM_kategori_urunleri .urunler_ust,
body #PM_arama_urunleri .urunler_ust,
body #PM_yeni_urunler .urunler_ust,
body #PM_indirimli_urunler .urunler_ust,
body .sepet_oneriler .urunler_ust{
  border:1px solid #eee; display:flex; align-items:center; margin-bottom:40px; justify-content:center;
}

/* Mini sepet/çeşitli metinler mobil renk düzeltmeleri */
@media (max-width:768px){
  body #sepet_detay_mini .urun_isim,
  body #sepet_detay_mini .urun_fiyat,
  body .urun_ismi,
  body .sepet-right>p,
  body .sepet-right .m2_fiyat,
  body .open_alisveris .cart-toplam-fiyat,
  body .kategori_urunleri_daraltma .ana_icerik .baslik,
  body .gizlilik_politikasi .custom-control-label a,
  body .custom-control-label b,
  body .arama_urunleri_daraltma .baslik,
  body .yeni_urunler_daraltma .baslik,
  body .indirimli_urunler_daraltma .baslik{ color:#000 !important; }
}

html, body{ overflow-x:hidden; } /* taşmaları gizle */

/* =============== 23) OWL CAROUSEL GÖRSELLERİ =============== */
.owl-carousel .owl-item img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  -webkit-user-drag:none;
  margin-top: 10px;
}
/* Sadece banner slider — alanı kaplasın */
.banner-slider .owl-item img{
  height:100%;
  object-fit:cover;
}

/*/.urun .urun_ismi {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 31px;
}
*/


body footer.bg-dark>.container-fluid,body footer.bg-dark>.container-sm,body footer.bg-dark>.container-md,body footer.bg-dark>.container-lg,body footer.bg-dark>.container-xl {
    background-color: #ffffff !important;
}

a#whatsapp_siparis_btn[href*="zoraki"] {
    display: none !important;
}


#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat {
    padding-top: 1rem;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
}

/*
.table img {
  height: auto !important;
  width: 60px;
  max-height: 60px;
  object-fit: contain;
}
*/
#PM_anasayfa_urunler p.baslik{
    margin-bottom: 1rem; 
    padding-top: 0rem; 
    padding-bottom: 1rem;
    text-align: center;
    font-weight: 600;
}

.kategori_html_ust a:link,
.kategori_html_ust a:visited,
.kategori_html_ust a:active {
  color: #00662f; /* Yeşil - alt kategoriyle aynı ton */
  text-decoration: none;
  font-weight: 500;
}

.kategori_html_ust a:hover {
  color: #b54219; /* Üzerine gelince kahverengimsi vurgu */
  text-decoration: underline;
}

.urun_liste .discount,
.urun .discount{
    left: 0;
    top: 0;
    line-height: 1.25;
    font-weight: 600;
    z-index: 1;
    background-color: #dc3545 !important;
    border: none !important; /* SİYAH ÇERÇEVEYİ KALDIRDIM */
}

@media (min-width: 992px) {
  .urun .urun_ismi {
      display: block !important;
      line-height: 22px !important;   /* 1 satır yüksekliği */
      height: 44px !important;        /* 2 satır = 22px x 2 */
      min-height: 44px !important;    /* tablolar bozulmasın */
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: normal !important;
  }
}


body #PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat .proPriceCont .proPrice .urun_fiyati {
    color: #fd6b01 !important;
}


body .urun_ismi {
    color: #343a40 !important; /* siyah */
}

#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_sol .urun_resmi_kucuk_container .owl-item.current .img-thumbnail {
    border-color: #fd6b01;
}

body #breadcrumbs .breadcrumb-container h1 {
    color: #fd6b01;
    text-align: center;
}

.urun_liste .ayni_gun_kargo_urun_ikon,
.urun .ayni_gun_kargo_urun_ikon{
    background-color: #2E2E2E!important;
    border-color: #9500ca;
}

.urun_liste .kargo_bedavali_urun_ikon,
.urun .kargo_bedavali_urun_ikon{
    background-color:  #0E4F4F;
    border-color: #103178;
    margin:0 5px;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: rgb(253 107 1) !important;
}



@media (max-width: 768px) {
  body .urun .urun_ismi {
      display: block !important;
      line-height: 20px !important;  /* 1 satır yüksekliği */
      height: 40px !important;       /* 2 satır = 20px x 2 */
      min-height: 40px !important;   /* diğer yerlerle uyum için */
      overflow: hidden !important;   /* 3. satırı gizle */
      text-overflow: ellipsis !important;
      white-space: normal !important;
  }
}

body .kategori_urunleri_daraltma .ana_icerik .baslik {
    color: #fd710b !important;
}

.bg-transparent {
    background-color: #ffffff !important;
}

#breadcrumbs{
    background-color: #ffffff !important;
    font-size: 14px;
}

/* drilldown-sub içindeki 1. seviye başlık linkleri */
body header .top-menu ul.drilldown-root > li.has_child > ul.drilldown-sub > li > a.dropdown-item{
  color:#0b2c5f !important;        /* normal koyu mavi */
  font-weight:700 !important;
  transition:color .15s ease;      /* opsiyonel */
}

/* Ok ikonu normal */
body header .top-menu ul.drilldown-root > li.has_child > ul.drilldown-sub > li > a.dropdown-item i{
  color:#0b2c5f !important;
  transition:color .15s ease;      /* opsiyonel */
}

/* HOVER (kolon başlıkları) */
body header .top-menu ul.drilldown-root > li.has_child > ul.drilldown-sub > li > a.dropdown-item:hover{
  color:#ff9923 !important;        /* hover rengi */
  font-weight:700 !important;
}

body header .top-menu ul.drilldown-root > li.has_child > ul.drilldown-sub > li > a.dropdown-item:hover i{
  color:#ff9923 !important;
}

@media (min-width: 992px){

body .urun_liste .urun_kdvdahil_fiyati,
body .urun .urun_kdvdahil_fiyati{
    font-size: 1.6rem !important;
    font-weight: 600 !important;
}

}

body .main-menu .remix.dark{
  fill:#ff0000!important;
  stroke:none!important;
  stroke-width:0!important;
  height:28px!important;
  transform:scale(1.08);
  transform-origin:center;
}

td:has(#teslimat_posta_kodu){
    display: none !important;
}

/* Sayfa ana başlıkları */
#PM_siparis_sayfasi_adim1 h1,
#PM_siparis_sayfasi_adim2 h1,
#PM_siparis_sayfasi_adim3 h1{
    color: #202124 !important;
    font-weight: 600 !important;
}

/* Kutuların içindeki yazılar */
.form-control,
.custom-select,
select.form-control,
textarea.form-control{
    color: #202124 !important;
    font-weight: 500 !important;
}

/* Kutuların küçük başlıkları: Ad, Soyad, Telefon vb. */
.form-floating label{
    color: #4b5563 !important;
    font-weight: 500 !important;
}

/* Checkbox yanındaki yazılar */
.custom-control-label,
.form-check-label{
    color: #30343b !important;
    font-weight: 500 !important;
}

/* Sipariş özeti başlığı */
.siparis_sayfasi_icerik_sag h1,
.siparis_sayfasi_icerik_sag h2,
.siparis_sayfasi_icerik_sag h3{
    color: #202124 !important;
    font-weight: 600 !important;
}

/* Ödenecek tutar */
.odenecek_tutar .deger,
.son_tutar_div span,
.sepet_toplamlar tr:last-of-type td:not(.baslik){
    color: #103178 !important;
    font-weight: 800 !important;
}

/* Açıklama yazıları gri ve normal kalsın */
#PM_siparis_sayfasi_adim1 p,
#PM_siparis_sayfasi_adim2 p,
.fatura_gonderim_sekli{
    color: #747b85 !important;
    font-weight: 400 !important;
}

@media (min-width: 992px) {
  body.order-steps {
    background: #fff !important;
    background-image: none !important;
  }
}

/* =============== TAKSİT TABLOSU =============== */

/* Satırlar */
.banka_taksitler .taksitler{
  min-height:44px !important;
  padding:9px 14px !important;
  background:#fff !important;
  border:1px solid #e1e1e1 !important;
  border-bottom:0 !important;
  cursor:pointer;
}

/* İlk ve son satır */
.banka_taksitler .taksitler:first-child{
  border-radius:7px 7px 0 0;
}

.banka_taksitler .taksitler:last-child{
  border-bottom:1px solid #e1e1e1 !important;
  border-radius:0 0 7px 7px;
}

/* Seçili satır */
.banka_taksitler .taksitler.secili{
  background:#fff8ef !important;
  border-color:#ff9a32 !important;
  box-shadow:inset 4px 0 0 #ff8500 !important;
}

/* Taksit bilgisinin bulunduğu alan */
.banka_taksitler .taksit_td_3 > div{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:5px !important;
}

/* Küçük yeşil etiket */
.banka_taksitler .taksit_not_label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  max-width:max-content !important;
  flex:0 0 auto !important;

  margin:0 0 0 8px !important;
  padding:4px 7px !important;

  background:#eaf9ee !important;
  border:1px solid #81d396 !important;
  border-radius:4px !important;

  color:#168d39 !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* Sağ taraftaki tekrar eden açıklamayı kaldır */
.banka_taksitler .taksit_td_5{
  display:none !important;
}

/* Kargo sütununu bu tasarıma dahil etme */
.kargo_td_5{
  padding-left:2rem;
  font-size:85%;
}

/* Mobil */
@media(max-width:768px){

  .banka_taksitler .taksitler{
    padding:8px 8px !important;
  }

  .banka_taksitler .taksit_td_3 > div{
    flex-wrap:wrap !important;
    gap:4px !important;
  }

  .banka_taksitler .taksit_not_label{
    margin-left:0 !important;
    padding:3px 5px !important;
    font-size:9px !important;
  }
}

/* =============== TAKSİT ALANI YAZILARINI BÜYÜT =============== */

/* Üst açıklamalar */
.taksit_seceneklerim_icerik_aciklama,
.taksit_seceneklerim_icerik_taksit_sayisi > label{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
}

/* Banka seçim kutusu */
.taksit_seceneklerim_icerik_kredi_karti select,
.taksit_seceneklerim_icerik_kredi_karti .form-select{
  min-height:45px !important;
  font-size:15px !important;
  font-weight:500 !important;
}

/* Taksit satırları */
.banka_taksitler .taksitler{
  min-height:49px !important;
  padding:11px 14px !important;
  font-size:15px !important;
  line-height:1.3 !important;
}

/* Taksit sayısı */
.banka_taksitler .taksit_td_2{
  font-size:16px !important;
  font-weight:700 !important;
}

/* Aylık ödeme ve toplam fiyat */
.banka_taksitler .taksit_td_3,
.banka_taksitler .taksit_td_3 span{
  font-size:17px !important;
  font-weight:600 !important;
}

/* Vade farksız taksit etiketi */
.banka_taksitler .taksit_not_label{
  padding:4px 8px !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

/* Seçili satırı daha belirgin yap */
.banka_taksitler .taksitler.secili{
  font-weight:700 !important;
}

/* Mobil */
@media(max-width:768px){

  .taksit_seceneklerim_icerik_aciklama,
  .taksit_seceneklerim_icerik_taksit_sayisi > label{
    font-size:12px !important;
  }

  .taksit_seceneklerim_icerik_kredi_karti select,
  .taksit_seceneklerim_icerik_kredi_karti .form-select{
    min-height:42px !important;
    font-size:14px !important;
  }

  .banka_taksitler .taksitler{
    min-height:45px !important;
    padding:9px 8px !important;
    font-size:13px !important;
  }

  .banka_taksitler .taksit_td_2{
    font-size:14px !important;
  }

  .banka_taksitler .taksit_td_3,
  .banka_taksitler .taksit_td_3 span{
    font-size:15px !important;
  }

  .banka_taksitler .taksit_not_label{
    padding:3px 6px !important;
    font-size:9px !important;
  }
}