/* --- 1. ÜRÜN DETAY & TABLAR --- */
.urun_ekstra_butonlar .notinlist { margin-bottom: 1rem; }
#PM_urun_detayi .miktar_container .wp { border-radius: 4px !important; margin-top: 15px; }
.urun_detay_tablar_ul { display: flex !important; flex-wrap: wrap !important; border-bottom: 1px solid #dee2e6 !important; list-style: none; }
.urun_detay_tablar_ul li.active a { background: #fff !important; border-top: 2px solid #0072bc !important; color: #0072bc !important; font-weight: bold; }

/* --- 2. TAKSİT TABLOSU --- */
.banka_taksitler td { padding: 10px 8px !important; border-bottom: 1px solid #fff !important; vertical-align: middle !important; font-size: 13px !important; }
.banka_taksitler tr:nth-child(odd) { background-color: #f1f4f7 !important; }
.banka_taksitler tr:nth-child(even) { background-color: #e2e8ee !important; }
.banka_taksitler tr.basliklar { border-bottom: 2px solid #0072bc !important; }

/* --- 3. PREMIUM FİLTRELEME PANELİ (DIV & STRONG ÇÖZÜMÜ) --- */
.techSpecsShort { display: block !important; width: 100% !important; clear: both !important; }

/* Izgara ve Kutu Tasarımı */
#PM_urun_detayi .techSpecsShort ul, 
#PM_urun_detayi .product-features-spec {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 15px 25px !important;
    padding: 20px !important;
    background: #fcfcfc !important; 
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    list-style: none !important;
}

/* KARELERİ VE LİSTE İŞARETLERİNİ YOK ETME */
#PM_urun_detayi .techSpecsShort ul li, 
#PM_urun_detayi .product-features-spec 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; }

/* ÖZELLİK BAŞLIKLARI (DIV ODAKLI GÜNCELLEME) */
/* İçinde 'strong' olsun veya olmasın, ilk sıradaki başlığı yakalar */
#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: #1a202c !important; /* Net Koyu Renk */
    font-weight: 800 !important; /* Maksimum Kalınlık */
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 6px !important;
    display: block !important;
    line-height: 1.4 !important;
}

/* Filtre Butonları */
a[href*="oz="] {
    display: flex !important;
    align-items: center;
    justify-content: space-between; 
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    transition: all 0.2s ease !important;
}

a[href*="oz="]:hover {
    border-color: #0072bc !important;
    color: #0072bc !important;
    background-color: #f8fbff !important;
    transform: translateY(-1px);
}
/* --- 4. MOBİL UYUM --- */
@media screen and (max-width: 768px) {
    .techSpecsShort, .product-features-spec { display: block !important; }
    #PM_urun_detayi .techSpecsShort ul { grid-template-columns: 1fr !important; padding: 12px !important; }
    a[href*="oz="] { padding: 10px 14px !important; font-size: 13px !important; }
}

/* --- 5. SEPETE EKLE VE MİKTAR ALANI DÜZELTMESİ --- */
.miktar_container {
    display: flex !important;
    flex-direction: row !important; /* Masaüstünde yan yana hizalar */
    align-items: center !important;
    gap: 15px !important;
    margin-top: 20px !important;
}

.miktar-group {
    max-width: 130px !important; /* Miktar kutusunun genişliğini sınırlar */
    margin-bottom: 0 !important;
}

.urun_sepete_ekle {
    flex: 1 !important; /* Butonu kalan alana yayar */
}

#sepete_ekle_buton {
    height: 50px !important; /* Miktar kutusuyla yüksekliği eşitler */
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    font-weight: bold !important;
}

@media screen and (max-width: 768px) {
    .miktar_container {
        flex-direction: column !important; /* Mobilde alt alta düzgünce sıralar */
    }
    .urun_sepete_ekle, .miktar-group {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* --- 6. KUPON VE FİYAT ALANI (CLS & SPEED FIX) --- */
.urun_fiyati { 
    min-height: 115px !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.indeo-coupon-wrapper div:first-child {
    color: #27ae60 !important; 
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -1px;
}

.indeo-coupon-wrapper span:first-of-type {
    box-shadow: 0 2px 4px rgba(227, 30, 36, 0.2);
}

#openCouponInfo {
    font-weight: 600;
    transition: all 0.2s ease;
    cursor: pointer;
}

#openCouponInfo:hover {
    color: #e31e24 !important;
    text-decoration: none !important;
}

/* --- 7. MODERN KAMPANYA MODAL (POPUP) --- */
#couponModal {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#couponModal > div {
    border-top: 6px solid #0072bc !important; /* İndeo Kurumsal Mavisi */
    animation: indeoPop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes indeoPop {
    from { opacity: 0; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1); }
}

#closeCouponModal:hover {
    color: #e31e24 !important;
    transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
    .urun_fiyati { min-height: 135px !important; }
}
/* --- 8. ÜRÜN GÖRSELİ CLS DÜZELTMESİ (DİNAMİK EBAT) --- */
@media screen and (min-width: 992px) {
    /* Resmin kapsayıcı kutusuna bir oran veriyoruz */
    .urun_detay_gorsel_ana_div {
        width: 100% !important;
        /* Resim yüklenmeden önce 1:1 (kare) bir alan rezerve eder */
        aspect-ratio: 1 / 1 !important; 
        display: block !important;
        background-color: #ffffff; /* Boşlukta beyaz kalsın */
    }

    /* Resmin bu kutunun içine düzgün yerleşmesini sağlar */
    .urun_detay_gorsel_ana_div img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important; /* Resmi bozmadan kutuya sığdırır */
    }

    /* Görsel bloğunun altındaki gereksiz payları sıfırlayalım */
    #PM_urun_detayi .urun_detay_sol {
        min-height: auto !important; 
        margin-bottom: 10px !important;
    }
}
/* Font yüklenirken sayfa düzeninin bozulmasını engeller */
html, body {
    font-display: swap !important;
    text-rendering: optimizeLegibility;
}