@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


/* --- OTOMERT ÜRÜN DETAY KESİN DÜZELTME --- */

/* 1. Sağ tarafın yükseklik kısıtlamasını kaldırıyoruz */
.detay_sag {
    height: auto !important;
    min-height: 485px;
    justify-content: flex-start !important;
    gap: 20px !important;
}

/* 2. Eski buton resimlerini ve fazlalıkları gizliyoruz */
#sepete_ekle_buton, #hemenal_buton, .urun_sepete_ekle a img {
    background: none !important;
    background-image: none !important;
    border: none !important;
}
.urun_sepete_ekle a img { display: none !important; }

/* 3. Butonları ve Adet Kutusunu Hizalıyoruz */
.urun_sepete_ekle {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 15px !important;
    width: 100% !important;
}

/* 4. Adet Kutusu ve İçindeki Oklar */
.sepete_ekle_adet_virt {
    margin-top: 0 !important;
    padding-right: 0 !important;
}

.sepete_ekle_adet_virt table td input {
    height: 45px !important;
    width: 45px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px 0 0 6px !important;
}

.oklar {
    display: flex !important;
    flex-direction: column !important;
    margin-left: -1px !important;
}

#arttir, #azalt {
    height: 23px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
    display: flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
}

/* 5. Buton Tasarımlarını Sabitliyoruz */
#sepete_ekle_buton:before, #hemenal_buton:before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    width: 180px !important;
    padding: 0 !important;
    cursor: pointer !important;
}

#sepete_ekle_buton:before {
    content: "SEPETE EKLE" !important;}
    /*background-color: #FF6600 !important;
    /*color: #fff !important;
}

#hemenal_buton:before {
    content: "HEMEN AL" !important;}
    /*background-color: #103E6F !important;
    /*color: #fff !important;
}

/* 6. Alt Toplayıcı Alanı Fix */
.d_toplayici {
    width: 100% !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
    float: none !important;
}

#PM_urun_detayi div.urun_detay_orta {
    height: 194.5px;
    padding-top: 20px;
    padding-bottom: 30px;
}


-------------

/* --- OTOMERT ÜRÜN DETAY KURUMSAL REVİZE --- */

/* 1. Ürün İsmi (Anasayfa Başlık Standartı) */
#PM_urun_detayi h1.urun_ismi {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #103E6F !important;
    float: none !important;
    max-width: 100% !important;
    padding: 0 0 15px 0 !important;
    border-bottom: 2px solid #f1f5f9 !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

/* 2. Fiyat Alanı (Modern Kart Yapısı) */
#PM_urun_detayi div.urun_detay_orta div.urun_fiyat {
    background: #f8fafc !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 25px !important;
}

/* Ana Fiyat */
.urun_kdvdahil_fiyati, 
#PM_urun_detayi div.urun_detay_orta div.urun_fiyat div.urun_fiyati {
    font-weight: 900 !important;
    color: #FF6600 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Eski Fiyat (Üstü Çizili) */
.urun_fiyati_ozel, 
#PM_urun_detayi div.urun_detay_orta div.urun_fiyat div.indirimsiz_urun_fiyati {
    font-size: 16px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    margin-bottom: 5px !important;
}

/* Taksit Bilgisi */
.urun_taksit_secenekleri_kisa {
    padding-left: 0 !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    color: #64748b !important;
}


/* 4. Kampanya ve Uyarı Kutuları */
.urun_indirimli_kampanya_yazisi_icerik {
    background: #fff5f0 !important;
    border: 1px dashed #FF6600 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    color: #103E6F !important;
}

.urun_indirimli_kampanya_yazisi_icerik p {
    color: #FF6600 !important;
    font-weight: 800 !important;
}


/* --- OTOMERT ÜRÜN DETAY TAB VE İÇERİK MODERNİZASYONU --- */

/* 1. Tab Başlık Alanı (Ferahlatılmış Tasarım) */
ul.urun_detay_tablar_ul {
    background: transparent !important; /* Arka planı temizledik */
    border: none !important;
    border-bottom: 2px solid #f1f5f9 !important; /* İnce alt ayraç çizgisi */
    height: auto !important;
    width: 100% !important;
    display: flex !important;
    margin-top: 40px !important;
    padding: 0 !important;
    list-style: none !important;
}

ul.urun_detay_tablar_ul li {
    float: none !important;
    line-height: normal !important;
    height: auto !important;
    margin-right: 10px !important;
}

ul.urun_detay_tablar_ul li a {
    background: transparent !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important; /* Pasif tab rengi */
    padding: 15px 25px !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    margin: 0 !important;
}

/* Aktif Tab Vurgusu */
ul.urun_detay_tablar_ul li.active a {
    color: #103E6F !important; /* Anasayfa Laciverti */
}

ul.urun_detay_tablar_ul li.active a:after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: #FF6600 !important; /* Anasayfa Turuncusu */
}

/* 2. Tab İçerik Konteynırı */
.tab_container {
    width: 100% !important;
    border: none !important; /* Çerçeveleri kaldırdık */
    padding: 30px 0 !important;
    float: none !important;
    background: transparent !important;
}

/* 3. Ürün Özellikleri Tablosu (Zebra Görünüm) */
#urun_detay_tab1 div.urun_ozellikler table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

#urun_detay_tab1 div.urun_ozellikler table td {
    padding: 12px 15px !important;
    font-family: 'Inter', sans-serif !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

#urun_detay_tab1 div.urun_ozellikler table td.baslik {
    background: #f8fafc !important;
    color: #103E6F !important;
    font-weight: 700 !important;
    width: 200px !important;
}

/* 4. Taksit ve Ödeme Sekmesi (Banka Kartları) */
#urun_detay_tab3 div.banka_taksit_secenkeleri div.virt_banka_taksitler {
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 15px !important;
    transition: 0.3s !important;
    background: #fff !important;
}

#urun_detay_tab3 div.banka_taksit_secenkeleri div.virt_banka_taksitler:hover {
    border-color: #FF6600 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
}

/* Ödeme Kutuları (Havale/Tek Çekim) */
#urun_detay_tab3 div.havale_indirim_secenkeleri,
#urun_detay_tab3 div.tekcekim_indirim_secenkeleri {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* 5. Yorumlar Bölümü */
#urun_detay_tab4 div.yorum_yok {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 8px !important;
    color: #64748b !important;
    text-align: center !important;
    padding: 40px !important;
}

#urun_detay_tab4 div.yorum_yok a {
    background: #103E6F !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-top: 10px !important;
    transition: 0.3s !important;
}

#urun_detay_tab4 div.yorum_yok a:hover {
    background: #FF6600 !important;
}

/* 6. Satıcıya Danış Butonu */
div.saticiya_danis #danis_buton {
    display: inline-block !important;
    background: #103E6F !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-family: 'Montserrat' !important;
    font-weight: 700 !important;
    padding: 10px 25px !important;
}
/* --- OTOMERT TAB ARKA PLAN TEMİZLİĞİ --- */

ul.urun_detay_tablar_ul {
    background: transparent !important; /* Arka planı tamamen sildik */
    border: none !important;
    border-bottom: 2px solid #f1f5f9 !important; /* Modern ince ayraç */
    height: auto !important;
    width: 100% !important;
    display: flex !important;
    padding: 0 !important;
    margin: 0px 0 0px 0 !important;
    list-style: none !important;
}

ul.urun_detay_tablar_ul li {
    background: transparent !important; /* Liste elemanı arka planını sildik */
    border: none !important;
    float: none !important;
    margin-right: 15px !important;
}

ul.urun_detay_tablar_ul li a {
    background: transparent !important; /* Link arka planını sildik */
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important; /* Pasif yazı rengi (Gri) */
    padding: 12px 20px !important;
    text-transform: uppercase !important;
    transition: 0.3s ease !important;
    position: relative !important;
}

/* Aktif Sekme Görünümü */
ul.urun_detay_tablar_ul li.active a {
    color: #103E6F !important; /* Anasayfa Laciverti */
    background: transparent !important;
}

ul.urun_detay_tablar_ul li.active a:after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important; /* Tam alt çizgiye hizalı */
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: #FF6600 !important; /* Anasayfa Turuncusu */
}

/* Tab İçerik Alanı Çerçevesini de Temizliyoruz */
.tab_container {
    border: none !important;
    padding: 20px 0 !important;
    background: transparent !important;
}

#PM_urun_detayi h1.urun_ismi {
    font-size: 20px;
    color: #103E6F !important;
    font-weight: 700;
    float: left;
    max-width: 745px;
    margin-bottom: -25px;
    text-transform: uppercase !important; /* Tablardaki gibi büyük harf duruşu */
    letter-spacing: 0.5px !important; /* Harf arası boşluk uyumu */
    line-height: 1.4 !important;
}

#PM_urun_detayi h1.urun_ismi a {
    color: #103E6F !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

#PM_urun_detayi div.urun_detay_orta div.urun_fiyat div.urun_fiyati, .uye_indirimli_urun_fiyati {
    font-size: 32px;
}
.detay_bottom .urun_ikonlar i.la:after {
	font-family:'Montserrat';
	font-size:13px;
	font-weight: 500;
}

/* --- TAKSİT ALANINA FONT AWESOME 4 İKON EKLEME --- */
.urun_taksit_secenekleri_kisa {
    background: none !important; /* Eski bozuk resmi temizler */
    text-indent: 0 !important; /* Kaymaları sıfırlar */
    padding-left: 25px !important; /* İkon için boşluk açar */
    position: relative !important;
    display: block !important;
    line-height: 20px !important;
    color: #64748b !important;
    font-size: 13px !important;
}

.urun_taksit_secenekleri_kisa:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    background-color: #FF6600 !important;
    /* Kredi kartı silueti */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M0 112c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48v48H0v-48zm0 120h576v192c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V232zm128 80c0-8.8-7.2-16-16-16H64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h48c8.8 0 16-7.2 16-16v-32z'/%3E%3C/svg%3E") no-repeat center !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M0 112c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48v48H0v-48zm0 120h576v192c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V232zm128 80c0-8.8-7.2-16-16-16H64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h48c8.8 0 16-16v-32z'/%3E%3C/svg%3E") no-repeat center !important;
}

/* Rakamlar (Anasayfa Laciverti) */
.urun_taksit_secenekleri_kisa b {
    color: #103E6F !important;
    font-weight: 700 !important;
}

/* Link Güzelleştirme */
.urun_taksit_secenekleri_kisa a {
    color: #FF6600 !important;
    text-decoration: underline !important;
}


-------


/* 1. ANA DİZİLİM: KUTULAR ARASI NEFES ALDIRMA */
.urun_sepete_ekle {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px !important; /* Butonlar ve adet kutusu arası boşluk arttı */
    margin: 20px 0 !important;
}

/* 2. ADET KUTUSU: SIKIŞIKLIĞI GİDER */
.sepete_ekle_adet_virt {
    order: -1 !important;
    margin: 0 !important;
    padding-right: 10px !important;
    width: auto !important;
}

.sepete_ekle_adet_virt table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* 3. RAKAM GİRİŞİ: NET VE ORTALI */
#urun_miktar_secenekleri {
    width: 48px !important; /* Bir tık genişledi */
    height: 44px !important;
    line-height: 44px !important;
    font-weight: 400 !important;
    font-size: 16px !important; /* Rakam daha okunaklı */
    border: 1px solid #ced4da !important;
    border-right: none !important;
    border-radius: 6px 0 0 6px !important;
    text-align: center !important;
    background: #fff !important;
    color: #1e293b !important;
}

/* 4. OK BUTONLARI: RAHATLATILMIŞ YAPI */
.sepete_ekle_adet_virt .oklar {
    display: flex !important;
    flex-direction: column !important;
    /* width: 28px !important; */ /* Sıkışmayı önlemek için genişletildi */
    height: 44px !important;
    /* border: 1px solid #ced4da !important; */
    border-radius: 0 6px 6px 0 !important;
    overflow: hidden !important;
}

.sepete_ekle_adet_virt .oklar a {
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border: none !important;
    transition: 0.2s;
}

.sepete_ekle_adet_virt .oklar a#arttir {
    border-bottom: 1px solid #ced4da !important;
}

.sepete_ekle_adet_virt .oklar a:hover {
    background: #e2e8f0 !important;
    color: #103E6F !important;
}

/* 5. SEPETE EKLE VE HEMEN AL BUTONLARI */
#sepete_ekle_buton, #hemenal_buton {
    height: 44px !important; /* Adet kutusuyla tam aynı yükseklik */
    border-radius: 19px !important;
    transition: 0.3s;
}


----------------------------

/* ============================================================================ */
/* --- OTOMERT: SON GEZİLENLER / ÖNERİLER BUTON SİSTEMİ --- */
/* ============================================================================ */

/* Son Gezilenler ve Öneriler içindeki butonları hedefle */

/* Eski buton görsellerini gizle */
.urun_onerileri div.urun_butonlar a img,
.son_gezilenler div.urun_butonlar a img {
    display: none !important;
}

/* Link elementlerini sıfırla */
.urun_onerileri a.urun_sepete_ekle,
.urun_onerileri a.urun_hemen_al,
.son_gezilenler a.urun_sepete_ekle,
.son_gezilenler a.urun_hemen_al {
    background-image: none !important;
    background-color: transparent !important;
    text-indent: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Buton konteyner */
.urun_onerileri div.urun_butonlar,
.son_gezilenler div.urun_butonlar {
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    margin: 0 auto !important;
    max-width: 236px !important;
}

/* Buton link elementleri */
.urun_onerileri div.urun_butonlar a.urun_sepete_ekle,
.urun_onerileri div.urun_butonlar a.urun_hemen_al,
.son_gezilenler div.urun_butonlar a.urun_sepete_ekle,
.son_gezilenler div.urun_butonlar a.urun_hemen_al {
    flex: 0 0 auto !important;
    width: 110px !important;
    display: block !important;
}

/* Buton içerik (::before) */
.urun_onerileri div.urun_butonlar a.urun_sepete_ekle::before,
.urun_onerileri div.urun_butonlar a.urun_hemen_al::before,
.son_gezilenler div.urun_butonlar a.urun_sepete_ekle::before,
.son_gezilenler div.urun_butonlar a.urun_hemen_al::before {
    content: 'SEPETE EKLE' !important;
    display: block !important;
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-align: center !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Buton renkleri */
.urun_onerileri div.urun_butonlar a.urun_sepete_ekle::before,
.son_gezilenler div.urun_butonlar a.urun_sepete_ekle::before {
    background-color: #103E6F !important;
}

.urun_onerileri div.urun_butonlar a.urun_hemen_al::before,
.son_gezilenler div.urun_butonlar a.urun_hemen_al::before {
    content: 'HEMEN AL' !important;
    background-color: #FF6600 !important;
}

/* Hover efekti */
.urun_onerileri div.urun_butonlar a.urun_sepete_ekle:hover::before,
.urun_onerileri div.urun_butonlar a.urun_hemen_al:hover::before,
.son_gezilenler div.urun_butonlar a.urun_sepete_ekle:hover::before,
.son_gezilenler div.urun_butonlar a.urun_hemen_al:hover::before {
    filter: brightness(1.15) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* Buton arkaplan alanı */
.urun_onerileri div.butonveikonlar,
.son_gezilenler div.butonveikonlar {
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* İncele butonunu gizle */
.urun_onerileri a.urun_incele,
.son_gezilenler a.urun_incele {
    display: none !important;
}

/* Adet seçici popup'ı gizle */
.urun_onerileri .sepete_ekle_adet_virt,
.son_gezilenler .sepete_ekle_adet_virt {
    display: none !important;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    .urun_onerileri div.urun_butonlar,
    .son_gezilenler div.urun_butonlar {
        flex-direction: column !important;
        gap: 6px !important;
        max-width: 100% !important;
    }
    
    .urun_onerileri div.urun_butonlar a.urun_sepete_ekle,
    .urun_onerileri div.urun_butonlar a.urun_hemen_al,
    .son_gezilenler div.urun_butonlar a.urun_sepete_ekle,
    .son_gezilenler div.urun_butonlar a.urun_hemen_al {
        width: 100% !important;
    }
}

/* OTOMERT: SİTE GENELİ HEMEN AL MÜHÜRLEME */
.urun_hemen_al::before, 
#hemenal_buton::before, 
.urun_onerileri a.urun_hemen_al::before, 
.son_gezilenler a.urun_hemen_al::before {
    content: "HEMEN AL" !important;
}