/* ==========================================================================
   INDEO KURUMSAL - ÖDEME AVANTAJLARI & AKILLI FİLTRE PANELİ TASARIMI
   ========================================================================== */

/* --- 1. Orta Ödeme Paneli Genel Kapsayıcı --- */
.indeo-kurumsal-odeme-paneli {
    margin-top: 25px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 530px !important;
    clear: both !important;
}

/* Taksit Avantaj Kartı */
.indeo-taksit-blok {
    flex: 1 1 240px !important;
    padding: 12px 14px !important;
    background-color: #fff9f3 !important;
    border: 1px solid #ffe3cc !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 12.5px !important;
    color: #444 !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}
.indeo-taksit-blok span {
    font-size: 11px !important;
    color: #e67e22 !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

/* %3 Banka Havalesi İndirim Kartı */
.indeo-havale-blok {
    flex: 1 1 240px !important;
    padding: 12px 14px !important;
    background-color: #f4f9ff !important;
    border: 2px dashed #0072bc !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0,114,188,0.03) !important;
}
.indeo-havale-blok span.baslik {
    font-size: 11px !important;
    color: #444 !important;
    display: block !important;
    margin-bottom: 3px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
.indeo-havale-blok strong {
    font-size: 22px !important;
    color: #0072bc !important;
    font-weight: 800 !important;
    display: block !important;
    line-height: 1.2 !important;
}
.indeo-havale-blok span.avantaj {
    font-size: 11px !important;
    color: #1e7e34 !important;
    display: block !important;
    margin-top: 3px !important;
    font-weight: 700 !important;
}

/* Kurumsal Teklif İletişim Satırı */
.indeo-iletisim-satir {
    width: 100% !important;
    text-align: left !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
}
.indeo-iletisim-satir a {
    font-size: 11.5px !important;
    color: #666 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: block !important;
}
.indeo-iletisim-satir a span {
    color: #0072bc !important;
    text-decoration: underline !important;
}

/* --- 2. Akıllı Filtreleme Panel Düzeni --- */
.techSpecsShort {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 25px !important;
}
.techSpecsShort p {
    margin-bottom: 15px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-bottom: 8px !important;
}

/* Özellikleri İki Sütunlu Izgaraya Böler */
#PM_urun_detayi .techSpecsShort ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 12px 20px !important;
    padding: 15px !important;
    background: #fafafa !important; 
    border: 1px solid #eaeaea !important;
    border-radius: 10px !important;
    list-style: none !important;
    list-style-type: none !important;
}

/* Platinmarket Orijinal Nokta ve Karelerini Temizleme */
#PM_urun_detayi .techSpecsShort ul li {
    list-style: none !important;
    list-style-type: none !important;
    background: none !important;
    padding-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}
#PM_urun_detayi .techSpecsShort ul li::before { 
    content: none !important; 
}

/* Özellik Başlıkları (Örn: BELLEK, İŞLEMCİ SERİSİ) */
#PM_urun_detayi .techSpecsShort ul li div:first-of-type,
#PM_urun_detayi .techSpecsShort ul li strong,
#PM_urun_detayi .techSpecsShort ul li b {
    font-size: 11px !important;
    color: #4a5568 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* Tıklanabilir Filtre Düğmeleri (Buton Görünümü) */
#PM_urun_detayi .techSpecsShort ul li a[href*="oz="] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; 
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    color: #1e293b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    margin-top: 2px !important;
}

/* Butonun Üzerine Gelindiğinde (Hover Efekti) */
#PM_urun_detayi .techSpecsShort ul li a[href*="oz="]:hover {
    border-color: #0072bc !important;
    color: #0072bc !important;
    background-color: #f0f7ff !important;
    transform: translateY(-1px) !important;
}

/* --- 3. Mobil Ekran Kırılma Kuralları (Responsive) --- */
@media screen and (max-width: 768px) {
    .indeo-kurumsal-odeme-paneli { max-width: 100% !important; }
    .indeo-taksit-blok, .indeo-havale-blok { flex: 1 1 100% !important; }
    #PM_urun_detayi .techSpecsShort ul { grid-template-columns: 1fr !important; padding: 10px !important; }
}
/* --- FONT KAYNAKLI SAYFA KAYMASINI (CLS) ENGELLEYİCİ --- */
@font-face {
    font-display: swap !important;
}

#PM_urun_detayi, .indeo-kurumsal-odeme-paneli, .techSpecsShort {
    font-family: sans-serif !important; /* Font dosyası arkadan yüklenene kadar sayfayı tamamen sabit tutar */
}