/* ==========================================================================
   INDEO KURUMSAL - BİRLEŞİK MODERN ÜRÜN ÖZELLİKLERİ PANELİ CSS
   (Öne Çıkan Özellikler + Tab Menüsü [Teknik Özellikler / Diğer Bilgiler /
   Ürün Açıklaması / Yorumlar] TEK KART içinde birleştirildi)
   ========================================================================== */

/* 1. DEVASA ÇAN İKONU SIFIRLAMA (18PX) — DOKUNULMADI */
img[src*="bell"], .fa-bell, [class*="alarm"], [class*="fiyati_dusunce"] img, [class*="fiyati_dusunce"] svg, svg.bell-icon {
    max-width: 18px !important;
    max-height: 18px !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   2. BİRLEŞİK PANEL — DIŞ ÇERÇEVE
   JS tarafından .techSpecsShort ve tab kapsayıcısı bu sınıfın içine
   birlikte sarılıyor (wrapAll). Tüm dış görünüm (border/shadow/radius)
   artık SADECE bu wrapper'da; içindeki iki parça kendi çerçevesini kaybeder.
   ========================================================================== */
.indeo-merged-panel{
    width:100% !important;
    clear:both !important;
    float:none !important;
    margin-top:20px !important;
    margin-bottom:20px !important;
    box-sizing:border-box !important;
    background:#ffffff !important;
    border:1px solid #E5E9F0 !important;
    border-radius:16px !important;
    box-shadow:0 1px 2px rgba(15,27,45,.03), 0 22px 46px -34px rgba(15,27,45,.18) !important;
    overflow:hidden !important;
}

/* --- Panel içindeki techSpecsShort artık kendi kutusu değil, üst bölüm --- */
.indeo-merged-panel .techSpecsShort{
    width:100% !important;
    clear:both !important;
    float:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    padding:26px 30px 22px 30px !important;
    box-shadow:none !important;
    border-bottom:1px solid #EEF1F6 !important;
}

.techSpecsShort .row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:48px !important;
    row-gap:0 !important;
}

.techSpecsShort .row > div{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:13px 0 !important;
    border-bottom:1px solid #EEF1F6 !important;
    font-size:14px !important;
    color:#3D4A60 !important;
    width:100% !important;
    box-sizing:border-box !important;
    text-align:left !important;
    margin:0 !important;
    opacity:0;
    transform:translateY(6px);
    animation:tsFadeUp .45s cubic-bezier(.2,.7,.2,1) forwards !important;
}
.techSpecsShort .row > div:nth-child(1){animation-delay:.02s !important;}
.techSpecsShort .row > div:nth-child(2){animation-delay:.06s !important;}
.techSpecsShort .row > div:nth-child(3){animation-delay:.10s !important;}
.techSpecsShort .row > div:nth-child(4){animation-delay:.14s !important;}
.techSpecsShort .row > div:nth-child(5){animation-delay:.18s !important;}
.techSpecsShort .row > div:nth-child(6){animation-delay:.22s !important;}
.techSpecsShort .row > div:nth-child(7){animation-delay:.26s !important;}
.techSpecsShort .row > div:nth-child(8){animation-delay:.30s !important;}

@keyframes tsFadeUp{ to{ opacity:1; transform:translateY(0); } }

@media (prefers-reduced-motion: reduce){
    .techSpecsShort .row > div{ animation:none !important; opacity:1 !important; transform:none !important; }
}

/* Masaüstü için gereksiz alt çizgileri kaldırma */
.techSpecsShort .row > div:nth-last-child(1):nth-child(even),
.techSpecsShort .row > div:nth-last-child(2):nth-child(odd){
    border-bottom:none !important;
}
.techSpecsShort .row > div:nth-last-child(2):nth-child(even),
.techSpecsShort .row > div:nth-last-child(3):nth-child(odd){
    border-bottom:none !important;
}
.techSpecsShort .row > div:last-child:nth-child(odd){
    grid-column:1 / -1 !important;
    justify-content:center !important;
    gap:16px !important;
    border-bottom:none !important;
}

.techSpecsShort .row > div a.has-search-icon{
    background:#F3F8FF !important;
    border:1px solid #C9DEFB !important;
    color:#0F1B2D !important;
    font-weight:600 !important;
    font-size:13px !important;
    padding:6px 14px !important;
    border-radius:8px !important;
    min-width:110px !important;
    text-align:center !important;
    justify-content:center !important;
    transition:transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, background .15s ease, border-color .15s ease !important;
    word-break:break-word !important;
    overflow-wrap:break-word !important;
}
.techSpecsShort .row > div a.has-search-icon:hover{
    background:#E6F0FF !important;
    border-color:#7FAEF6 !important;
    transform:translateY(-2px) !important;
    box-shadow:0 10px 20px -12px rgba(47,111,235,.4) !important;
}
.techSpecsShort .row > div a.has-search-icon i.fa-search{
    color:#2F6FEB !important;
    transition:transform .2s ease !important;
}
.techSpecsShort .row > div a.has-search-icon:hover i.fa-search{
    transform:rotate(-12deg) scale(1.1) !important;
}

@media(max-width:640px){
    .indeo-merged-panel{ border-radius:12px !important; }
    .indeo-merged-panel .techSpecsShort{
        padding:16px 14px 12px 14px !important;
    }
    .techSpecsShort .row{
        display:flex !important;
        flex-direction:column !important;
        gap:4px !important;
    }
    .techSpecsShort .row > div{
        padding:6px 0 !important;
        border-bottom:none !important;
        justify-content:space-between !important;
    }
    .techSpecsShort .row > div::before {
        display:none !important;
    }
    .techSpecsShort .row > div:last-child:nth-child(odd){
        justify-content:space-between !important;
    }
    .techSpecsShort .row > div a.has-search-icon{
        font-size:13px !important;
        padding:5px 12px !important;
        min-width:auto !important;
        max-width: 60% !important;
        white-space: normal !important;
        word-break: break-word !important;
        text-align: right !important;
    }
}

/* ==========================================================================
   3. ORTA KOLONA TAŞINAN VE DARALTILAN AVANTAJ PANELİ — DOKUNULMADI
   ========================================================================== */
.indeo-sag-avantaj-wrapper {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    clear: both !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

/* ==========================================================================
   4. BİRLEŞİK PANEL — TAB MENÜSÜ (Teknik Özellikler / Diğer Bilgiler /
   Ürün Açıklaması / Yorumlar) — panelin alt bölümü, techSpecsShort'un
   hemen altında, aynı kartın içinde
   ========================================================================== */

/* Tab kapsayıcısı artık kendi çerçevesini kaybediyor, panelin devamı gibi duruyor */
.indeo-merged-panel .urun_detay_tablar,
.indeo-merged-panel .tab_container,
.indeo-merged-panel #urun_detay_tab{
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    margin:0 !important;
    padding-left: 70px;
    background:transparent !important;
}

/* Sekme başlıkları (nav) */
.indeo-merged-panel .urun_detay_tablar_ul{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:2px !important;
    list-style:none !important;
    margin:0 !important;
    padding:6px 22px 0 22px !important;
    background:#FAFBFD !important;
    border-bottom:1px solid #EEF1F6 !important;
}
.indeo-merged-panel .urun_detay_tablar_ul > li{
    margin:0 !important;
    list-style:none !important;
}
.indeo-merged-panel .urun_detay_tablar_ul > li > a{
    display:inline-block !important;
    padding:12px 16px !important;
    font-size:13px !important;
    font-weight:700 !important;
    color:#8891A3 !important;
    text-decoration:none !important;
    border-radius:8px 8px 0 0 !important;
    position:relative !important;
    top:1px !important;
    transition:color .2s ease, background-color .2s ease !important;
}
.indeo-merged-panel .urun_detay_tablar_ul > li > a:hover{
    color:#2F6FEB !important;
}
.indeo-merged-panel .urun_detay_tablar_ul > li.active > a,
.indeo-merged-panel .urun_detay_tablar_ul > li.current > a{
    color:#2F6FEB !important;
    background:#F3F6FF !important;
    border-bottom:2px solid #2F6FEB !important;
}

/* Sekme içerikleri */
.indeo-merged-panel .tab_content{
    padding:22px 26px 26px 26px !important;
    box-sizing:border-box !important;
}
.indeo-merged-panel .tab_content.indeo-fade-in{
    animation:tsFadeUp .3s cubic-bezier(.2,.7,.2,1) !important;
}

/* Teknik Özellikler / Diğer Bilgiler tabloları — modern liste görünümü */
.indeo-merged-panel .tab_content .urun_ozellikler table{
    width:100% !important;
    border-collapse:collapse !important;
    border:none !important;
}
/* Tablo içindeki tekrarlanan başlık satırını gizle (sekme adı zaten başlığı gösteriyor) */
.indeo-merged-panel .tab_content .urun_ozellikler table tr:first-child{
    display:none !important;
}
.indeo-merged-panel .tab_content .urun_ozellikler table tr{
    border-bottom:1px solid #F0F2F7 !important;
    background:transparent !important;
    transition:background-color .2s ease !important;
}
.indeo-merged-panel .tab_content .urun_ozellikler table tr:last-child{
    border-bottom:none !important;
}
.indeo-merged-panel .tab_content .urun_ozellikler table tr:hover{
    background-color:#F5F8FF !important;
}
.indeo-merged-panel .tab_content .urun_ozellikler table th,
.indeo-merged-panel .tab_content .urun_ozellikler table td{
    padding:12px 10px !important;
    text-align:left !important;
    border:none !important;
    background:transparent !important;
    font-size:13.5px !important;
    vertical-align:top !important;
}
.indeo-merged-panel .tab_content .urun_ozellikler table th{
    color:#5B6472 !important;
    font-weight:500 !important;
    width:220px !important;
    white-space:nowrap !important;
}
.indeo-merged-panel .tab_content .urun_ozellikler table td{
    color:#0F172A !important;
    font-weight:700 !important;
}

@media(max-width:640px){
    .indeo-merged-panel .urun_detay_tablar_ul{
        padding:6px 10px 0 10px !important;
        gap:0 !important;
    }
    .indeo-merged-panel .urun_detay_tablar_ul > li > a{
        padding:10px 10px !important;
        font-size:11.5px !important;
    }
    .indeo-merged-panel .tab_content{
        padding:16px 14px 18px 14px !important;
    }
    .indeo-merged-panel .tab_content .urun_ozellikler table th,
    .indeo-merged-panel .tab_content .urun_ozellikler table td{
        display:block !important;
        width:100% !important;
        padding:4px 0 !important;
    }
    .indeo-merged-panel .tab_content .urun_ozellikler table th{
        font-size:11.5px !important;
        color:#8891A3 !important;
        padding-top:10px !important;
    }
    .indeo-merged-panel .tab_content .urun_ozellikler table td{
        font-size:13px !important;
        padding-bottom:8px !important;
    }
}