/* ===================================================================
   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 =============== */
#PM_urun_detayi .urun_ikonlar{
  display:flex; flex-wrap:wrap; gap:12px;
  margin-bottom:1.5rem; padding-top:15px;
}
#PM_urun_detayi .urun_ikonlar .icon-container{
  display:flex; align-items:center; gap:6px;
  font-size:13px; font-weight:500; color:#333;
  padding:5px 10px; border:1px solid #e0e0e0;
  border-radius:4px; background:#fafafa; white-space:nowrap;
}
#PM_urun_detayi .urun_ikonlar .icon-container svg{ fill:#ff5722 !important; }
@media (max-width:768px){
  #PM_urun_detayi .urun_ikonlar{ align-items:flex-start; margin-top:12px; }
}

/* =============== 2) MENÜ / TOP MENU =============== */
.top-menu .dropdown-item a{ display:flex !important; font-size:small !important; }
.top-menu .container-fluid{ max-width:100% !important; }
.top-menu .container-fluid .drilldown-root{ margin:0 auto !important; }
.top-menu .container-fluid .drilldown-sub{ width:100% !important; }
.acilirmenu{ width:100%; max-width:1230px; margin:0 auto; } /* sade & net */
.top-menu .container-fluid .drilldown-root .dropdown-item:hover>.drilldown-sub{
  overflow-y:auto; max-height:600px;
}
header ul.drilldown-sub.dropdown-menu.shadow::-webkit-scrollbar-thumb{
  border-radius:10px; background-color:#103178;
}
header ul.drilldown-sub.dropdown-menu.shadow::-webkit-scrollbar{ width:6px; background:#F5F5F5; }
header ul.drilldown-sub.dropdown-menu.shadow::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  background:#F5F5F5; border-radius:10px;
}
.top-menu .dropdown-menu{ top:100% !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); }
}

/* Logo, reflow yapmadan küçülsün */
header.position-relative .logo img{
  display:block;
  transition:transform .18s ease;
  will-change:transform;
}

/* Yalnız mobilde küçült – layout değiştirmeden */
@media (max-width:768px){
  header.position-relative.shrink .logo img{
    transform:scale(.86);
    transform-origin:left center;
  }
}


/* Topbar */
.topbar{ background:#1e2a38; }
.topbar .container-fluid{
  display:flex; align-items:center; justify-content:space-between;
  color:#fff; padding:6px; font-size:16px; text-align:center;
}
.topbar .container-fluid a img{ width:24px; margin-right:5px; }
.topbar span, .topbar a{ color:#fff; }
.topbar a{ margin-left:10px; text-decoration:none; }
@media (max-width:768px){
  .topbar span, .topbar a{ font-size:12px; font-weight:bold; }
}

/* =============== 4) BREADCRUMBS =============== */
#breadcrumbs{ background:#fff; }
#breadcrumbs .breadcrumb-item span{ color:#000 !important; font-weight:400; }
#breadcrumbs .breadcrumb li:last-child a,
#breadcrumbs .breadcrumb li:last-child,
#breadcrumbs .breadcrumb .breadcrumb-item.active{
  color:red !important; font-weight:700 !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:12px 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;
}
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat .proPriceCont .proPrice{
  display:flex; gap:10px; align-items:baseline; flex-direction:row-reverse; justify-content:center;
}
.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;
}
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_taksit_secenekleri_kisa{
  background:#f9f9f9; padding:10px 15px; border-left:4px solid #28a745;
  margin-top:10px; border-radius:5px; font-size:16px;
}
#PM_urun_detayi .urun_detay_tablar a{ color:#00662f; }
#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:#0d47a1 !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;
}

/* =============== 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{
  color:rgb(95.2,71.2,38) !important;
  background:rgb(249.9,231.9,207) !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;
}

/* =============== 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;
}
/* Sadece banner slider — alanı kaplasın */
.banner-slider .owl-item img{
  height:100%;
  object-fit:cover;
}