.navbar {
                    background-color: #000000 !important; /*N1*/
                }
                .navbar .navbar-brand {
                    color: #ffffff !important; /*NT1*/
                }
                .breadcrumbs {
                    background-color:  !important; /*B1*/
                    display: none; 
                }
                .sidebar {
                    background-color:  !important; /*S1*/
                    border-color:  !important; /*S1*/
                    display: none; 
                }
                .sidebar + .main-content { margin-left: 0px!important; } 
                
                .no-skin .sidebar-shortcuts {
                    background-color:  !important; /*S1*/
                }
                .no-skin .sidebar-toggle {
                    background-color:  !important; /*S1*/
                    border-color:  /*MT1*/
                }
                .no-skin .nav-list > li {
                    border-color: ; /*S1*/
                }
                .sidebarColor {
                    color: #f8f8f8!important; /*S1*/
                }
                .no-skin .nav-list > li > a {
                    background-color:  !important; /*M1*/
                    color: ; /*MT1*/
                }
                .no-skin .sidebar.menu-min .nav-list > li > a > .menu-text
                {
                    background-color:  !important; /*M2*/
                }
                .no-skin .sidebar-toggle > .ace-icon, .no-skin .sidebar-scroll .sidebar-toggle {
                    border-color: ; /*MT1*/
                    color: ; /*MT1*/
                    background-color:  !important; /*S1*/
                }
                .logging-in
                {
                    color: #000000 !important; /*MT1*/
                }

                li.menuIndicatorBackgroundColor:hover > a, .no-skin .nav-list > li.menuIndicatorBackgroundColor:hover > a {
                    background-color: #c29d20!important; /*I1*/
                }
                .no-skin .nav-list > li.active > a,
                .no-skin .nav-list > li.active > a:hover,
                .no-skin .nav-list > li.active > a:focus,
                .no-skin .nav-list .open > a,
                .no-skin .nav-list .open > a:hover,
                .no-skin .nav-list .open > a:focus,
                .no-skin .nav-list > li.open > a,
                .no-skin .nav-list > li:hover > a {
                    background-color:  !important; /*M2*/
                    color: #c29d20; /*MT2*/
                }
                .nav-list > li:before {
                    background-color: #c29d20; /*I1*/
                }
                .menuIndicatorBackgroundColor {
                    background-color: #c29d20!important; /*I1*/
                }
              
                .menuIndicatorColor {
                    color: #c29d20!important; /*I1*/
                }
                .no-skin .nav-list > li.active:after {
                    border-color: #c29d20;  /*I1*/
                }
                .no-skin .nav-list li.active > a:after {
                    border-right-color: #c29d20; /*I1*/
                    -moz-border-right-colors: #c29d20; /*I1*/
                }
                .no-skin .nav-list > li .submenu > li > a {
                    border-top-color:  !important; /*S1*/
                    background-color:  !important; /*M0*/
                    color: ; /*MT0*/
                }
                .no-skin .nav-list > li .submenu > li.active > a, .no-skin .nav-list > li .submenu > li > a:hover {
                    background-color:  !important; /*M0.5*/
                    color: #c29d20 !important; /*I1*/
                }
                .no-skin {
                    
                    background: url(../coreWork/file/cb46385e-91a7-4ba3-a169-b36e6b5b7928/88j36e2yrls0k8kcc.jpg) no-repeat center;                    
                    background-position: center center;
                    background-size: cover;
                    background-attachment: fixed;
                }
                .main-container:before
                {
                    background-color: transparent !important;
                }
                .main-content-inner, .b2bBackground
                {
                    
                }
                .page-content {
                    background-color: transparent !important; 
                }
                .no-skin .nav-list > li .submenu
                {
                    background-color:  !important; 
                }
                .no-skin .nav-list > li > .submenu li > .submenu > li a {
                    color:  !important; 
                }
                .no-skin .nav-list > li > .submenu li.open > a
                {
                    color:  !important; 
                }
                .no-skin .navbar .navbar-toggle
                {
                    background-color: transparent !important; 
                }
                .no-skin .navbar .navbar-toggle:hover
                {
                    background-color:  !important; 
                }
                .no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed)
                {
                    background-color:  !important; 
                }
                .owl-theme .owl-nav [class*=owl-]:hover {
                    background-color: #000000 !important;
                }                
                .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
                    background-color: #cecece4d;
                }

                .loginWidget { 
                    background-color: rgb(255 255 255 / 60%);
                    border: 10px solid rgb(255 255 255 / 60%);
                    border-radius: 15px;
                    box-shadow: #00000066 0px 20px 30px;
                }

                                

                .btn-primary.b2b-theme, .btn.btn-primary.b2b-theme:focus {
                    color: #ffffff !important;
                    background-color: #000000 !important; /*N1*/
                    border-color: #000000 !important; /*N1*/
                }
                .btn-primary.b2b-theme:hover, .btn-primary.b2b-theme:active, .open > .btn-primary.b2b-theme.dropdown-toggle {                   
                    background-color: #000000cc !important; /*N1*/
                    border-color: #000000 !important; /*N1*/
                }
                a.b2b-theme {
                    color: #000000 !important;
                }
                input.b2b-theme,input.b2b-theme:focus {
                    border-color: #000000 !important;
                }
                a.b2b-theme:hover, a.b2b-theme:focus {
                    color: #000000cc;
                }
                .dealer-page .separator {
                    background-color: #000000;
                }

                 #ecomHighlihtedMenu a.btn.btn-white.active,#ecomHighlihtedMenu a.btn.btn-white:hover,#ecomHighlihtedMenu a.btn.btn-white:active {
                    background-color: #000000 !important;
                    color: #ffffff !important;
                }

                #ecomTopMenu .dropdown-menu > li:hover > a, 
                #ecomTopMenu .dropdown-menu > li > a:focus, 
                #ecomTopMenu .dropdown-menu > li > a:active, 
                #ecomTopMenu .dropdown-menu > li.active > a, 
                #ecomTopMenu .dropdown-menu > li.active:hover > a {
                    background: #000000 !important;
                    color: #ffffff !important;
                }

               

                 

                

                    /* --- 1. GENEL TEKNİK --- */
    /* Sadece İade (Şikayet) sayfasının başlığını hedefler */
    /* Diğer sayfaları (Sipariş Listesi vb.) etkilemez */
    
    return-request-list cw-page-title h4.header {
        visibility: hidden; /* Mevcut yazıyı gizle */
        position: relative;
    }

    return-request-list cw-page-title h4.header::before {
        content: "Şikayet Listesi"; /* Yeni yazıyı koy */
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        font-weight: bold;
    }

    /* --- 2. TABLO BAŞLIKLARI (Grid Headers) --- */
    
    /* İade Miktarı */
    span[text="İade Miktarı"] .ng-binding {
        font-size: 0 !important; /* Yazıyı yok et */
    }
    span[text="İade Miktarı"] .ng-binding::after {
        content: "Şikayet Miktarı";
        font-size: 13px !important; /* Geri getir */
    }

    /* İade Tutarı */
    span[text="İade Tutarı"] .ng-binding {
        font-size: 0 !important;
    }
    span[text="İade Tutarı"] .ng-binding::after {
        content: "Şikayet Tutarı";
        font-size: 13px !important;
    }

    /* İade Kategorisi */
    span[text="İade Kategorisi"] .ng-binding {
        font-size: 0 !important;
    }
    span[text="İade Kategorisi"] .ng-binding::after {
        content: "Şikayet Kategorisi";
        font-size: 13px !important;
    }

    /* İade Nedeni */
    span[text="İade Nedeni"] .ng-binding {
        font-size: 0 !important;
    }
    span[text="İade Nedeni"] .ng-binding::after {
        content: "Şikayet Nedeni";
        font-size: 13px !important;
    }

    /* İade Durumu */
    span[text="İade Durumu"] .ng-binding {
        font-size: 0 !important;
    }
    span[text="İade Durumu"] .ng-binding::after {
        content: "Şikayet Durumu";
        font-size: 13px !important;
    }

    /* --- 3. FİLTRELER (Grid Filters) --- */
    /* Bu alanlar 'placeholder' veya 'title' attribute'u ile yakalanır */

    /* Filtre: İade Miktarı */
    div[filter-by="ReturnQuantity"] span[title="İade Miktarı"] font {
        font-size: 0 !important;
    }
    div[filter-by="ReturnQuantity"] span[title="İade Miktarı"] font::after {
        content: "Şikayet Miktarı";
        font-size: 13px !important;
    }

    /* Filtre: İade Tutarı */
    div[filter-by="ReturnPrice"] span[title="İade Tutarı"] font {
        font-size: 0 !important;
    }
    div[filter-by="ReturnPrice"] span[title="İade Tutarı"] font::after {
        content: "Şikayet Tutarı";
        font-size: 13px !important;
    }

    /* Filtre: İade Kategorisi */
    div[filter-by="ReturnCategoryId"] span[title="İade Kategorisi"] font {
        font-size: 0 !important;
    }
    div[filter-by="ReturnCategoryId"] span[title="İade Kategorisi"] font::after {
        content: "Şikayet Kategorisi";
        font-size: 13px !important;
    }

    /* Filtre: İade Nedeni */
    div[filter-by="ReturnCauseId"] span[title="İade Nedeni"] font {
        font-size: 0 !important;
    }
    div[filter-by="ReturnCauseId"] span[title="İade Nedeni"] font::after {
        content: "Şikayet Nedeni";
        font-size: 13px !important;
    }

 /* --- SADECE İADE (ŞİKAYET) DETAY MODALI İÇİN --- */
    
    /* 1. Başlıktaki 'İade Talebi' yazısını gizle */
    return-request-detail .modal-title.cw-modal-title.ng-binding {
        font-size: 0 !important; /* Mevcut yazıyı görünmez yap */
        position: relative; /* Before elementi için referans */
    }

    /* 2. Yerine 'Şikayet Talebi' yazısını koy */
    return-request-detail .modal-title.cw-modal-title.ng-binding::before {
        content: "Şikayet Talebi"; /* Yeni başlık */
        font-size: 18px; /* Görünecek yazı boyutu */
        font-weight: bold;
        visibility: visible; /* Gizlenen alanda bunu göster */
        position: absolute; /* Kaymaları engellemek için */
        top: 0; 
        left: 0; /* Gerekirse 15px gibi boşluk verilebilir */
    }

    /* 3. Sağ üstteki Yardım İkonunu (Soru işareti) tekrar görünür yap */
    /* Üstteki font-size: 0 komutundan etkilenmemesi için */
    return-request-detail .modal-title.cw-modal-title span.pull-right {
        font-size: 14px !important; 
        visibility: visible;
    }

    /* --- 2. ETİKETLER (Labels) --- */
    /* Bu blok, etiketlerin içindeki orijinal yazıyı gizleyip yenisini ekler */

    /* A) İade Kategorisi (ng-show özelliğinden yakalıyoruz) */
    div[ng-show="dataItem.ReturnCategoryName"] .cw-label-column span {
        font-size: 0 !important;
    }
    div[ng-show="dataItem.ReturnCategoryName"] .cw-label-column span::after {
        content: "Şikayet Kategorisi";
        font-size: 13px !important;
    }

    /* B) İade Nedeni */
    div[ng-show="dataItem.ReturnCauseName"] .cw-label-column span {
        font-size: 0 !important;
    }
    div[ng-show="dataItem.ReturnCauseName"] .cw-label-column span::after {
        content: "Şikayet Nedeni";
        font-size: 13px !important;
    }

    /* C) İade Miktarı */
    div[ng-show="dataItem.ReturnQuantity"] .cw-label-column span {
        font-size: 0 !important;
    }
    div[ng-show="dataItem.ReturnQuantity"] .cw-label-column span::after {
        content: "Şikayet Miktarı";
        font-size: 13px !important;
    }

    /* D) İade Tutarı (ZOR KISIM) */
    /* İade Tutarı'nın kendine has bir özelliği yok. 
       Bu yüzden "İade Miktarı"nın hemen yanındaki (kardeş) kutuyu seçiyoruz */
    div[ng-show="dataItem.ReturnQuantity"] + div.col-xs-6 .cw-label-column span {
        font-size: 0 !important;
    }
    div[ng-show="dataItem.ReturnQuantity"] + div.col-xs-6 .cw-label-column span::after {
        content: "Şikayet Tutarı";
        font-size: 13px !important;
    }

    /* E) İade Notu */
    div[ng-show="dataItem.Note"] .cw-label-column span {
        font-size: 0 !important;
    }
    div[ng-show="dataItem.Note"] .cw-label-column span::after {
        content: "Şikayet Notu";
        font-size: 13px !important;
    }

    /* F) İade Dönüşü (Varsa) */
    div[ng-show*="SparePartDetails"] .cw-label-column span {
        font-size: 0 !important;
    }
    div[ng-show*="SparePartDetails"] .cw-label-column span::after {
        content: "Şikayet Dönüşü";
        font-size: 13px !important;
    }

    /* --- 3. BAŞLIKLAR (Headers) --- */
    /* "İade Durum Geçmişi" başlığı. Sayfadaki 2. h5 başlığıdır. */
    .modal-body h5.header:nth-of-type(2) {
        font-size: 0 !important;
    }
    .modal-body h5.header:nth-of-type(2)::after {
        content: "Şikayet Durum Geçmişi";
        font-size: 15px !important;
        color: #e67e22; /* Orijinal turuncu renk */
        font-weight: bold;
        border-bottom: 1px solid #e67e22; /* Alt çizgi varsa koru */
        display: block;
        padding-bottom: 5px;
    }

    /* --- 4. DROPDOWN (Seçim Kutusu) --- */
    /* "İade Durumu Seçiniz" yazısını değiştir */
    return-status-select font[ng-hide="hasValue"] {
        font-size: 0 !important;
    }
    return-status-select font[ng-hide="hasValue"]::after {
        content: "Şikayet Durumu Seçiniz";
        font-size: 13px !important;
    }


/* İade Yönetimi -> Şikayet Yönetimi */
/* ID yerine 'fa-undo' ikonunun hemen yanındaki .menu-text'i yakalıyoruz */

/* 1. Mevcut yazıyı gizle */
.fa-undo + .menu-text {
    font-size: 0 !important;
}

/* 2. Yeni yazıyı ekle */
.fa-undo + .menu-text::after {
    content: "Şikayet Yönetimi";  /* Yeni Metin */
    font-size: 13px !important;   /* Yazı Boyutu */
    display: inline-block;        /* Düzgün hizalama için */
    visibility: visible;          /* Görünürlüğü zorla */
}

/* 2. Alt Menü: İade Nedenleri -> Şikayet Nedenleri */
a[href="#!/returnCauseCategory"] .menu-text {
    font-size: 0 !important;
}
a[href="#!/returnCauseCategory"] .menu-text::after {
    content: "Şikayet Nedenleri/Kategorileri";
    font-size: 13px !important;
}

/* 3. Alt Menü: İade Dosya Tipleri -> Şikayet Dosya Tipleri */
a[href="#!/returnRequestFileTypeList"] .menu-text {
    font-size: 0 !important;
}
a[href="#!/returnRequestFileTypeList"] .menu-text::after {
    content: "Şikayet Dosya Tipleri";
    font-size: 13px !important;
}

/* 4. Alt Menü: İade Durumları -> Şikayet Durumları */
a[href="#!/returnStatusList"] .menu-text {
    font-size: 0 !important;
}
a[href="#!/returnStatusList"] .menu-text::after {
    content: "Şikayet Durumları";
    font-size: 13px !important;
}

/* 5. Alt Menü: İade Girişi -> Şikayet Girişi */
a[href="#!/returnRequest"] .menu-text {
    font-size: 0 !important;
}
a[href="#!/returnRequest"] .menu-text::after {
    content: "Şikayet Girişi";
    font-size: 13px !important;
}

/* 6. Alt Menü: İade Listesi -> Şikayet Listesi */
a[href="#!/returnRequestList"] .menu-text {
    font-size: 0 !important;
}
a[href="#!/returnRequestList"] .menu-text::after {
    content: "Şikayet Listesi";
    font-size: 13px !important;
}
 
 /* ürün detayında indirim gizleme
 .col-md-12 > .col-md-5 h2 span[ng-show*="DiscountFactor"] > span:first-child {
    display: none;
}  */

/* Yöntem 2: Alternatif (ng-class içindeki kodu hedefler) */
span[ng-class*="dataItem.UnitId === dataItem.BaseUnitId"] {
    display: none !important;
}


/*sepette döviz türü, birim fiyat, satır tutar gizle*/
/* Döviz Türü */
th.scd-currency,
td.scd-currency {
  display: none !important;
}

 /* Birim Fiyat */
 th.scd-unitprice,
td.scd-unitprice {
  display: none !important;
} 

/* Satır Tutarı */
 th.scd-linetotal,
td.scd-linetotal {
  display: none !important;
} 














/* ==========================================================================
   1. GENEL KART YAPISI
   ========================================================================== */
.productItem.ng-scope {
    width: calc(19.6% - 8px) !important;
    max-width: calc(19.6% - 8px) !important;
    margin: 4px !important;
    flex: 0 0 calc(19.6% - 8px) !important;
    min-height: 480px !important;
    height: auto !important;
    margin-bottom: 20px !important;
}

.productItem.ng-scope > div {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 10px !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    height: 100% !important;
    overflow: hidden !important;
}

.productItem.ng-scope > div:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 30px rgba(37, 99, 235, 0.15) !important;
    border-color: #2563eb !important;
    z-index: 100 !important;
    overflow: visible !important;
}

/* NG-HIDE KORUMASI */
.productItem .ng-hide { display: none !important; }

/* ==========================================================================
   2. ROZETLER
   ========================================================================== */
.productItem .customFieldsRow .row.cw-form-row:last-child {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 20 !important;
    width: auto !important;
    margin: 0 !important;
}
.productItem .customFieldsRow .row.cw-form-row:last-child .cw-label-column { display: none !important; }
.productItem .customFieldsRow .row.cw-form-row:last-child .cw-input-column > div > div {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border: 1px solid #fca5a5 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

/* ==========================================================================
   3. GÖRSEL VE İSİM
   ========================================================================== */
.productItem .showProductImage {
    height: 140px !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.productItem .gridView_ProductImage {
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.productItem .productCode {
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 800 !important; /* Daha kalın */
    color: #1f2937 !important;   /* Daha koyu, net siyahımsı gri */
    background: #ffffff !important; /* Beyaz zemin (öne çıkarmak için) */
    border: 1px solid #d1d5db !important; /* İnce gri çerçeve */
    padding: 3px 8px !important;
    border-radius: 4px !important;
    margin: 0 auto 8px auto !important;
    display: inline-block !important;
    width: auto !important;
    font-family: 'Consolas', 'Monaco', monospace !important; /* Kod fontu */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; /* Hafif derinlik */
    letter-spacing: 0.5px !important; /* Harf aralığı */
}

.productItem .productName {
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    min-height: 34px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 10px !important;
    line-height: 1.35 !important;
    padding: 0 2px !important;
}

/* ==========================================================================
   4. MİKTAR BUTONLARI (1 AD GİZLENDİ)
   ========================================================================== */
.productItem .productQuantity .label { display: none !important; }
.productItem .productQuantity:has(.label) { display: none !important; }

.productItem .productQuantity:not(:has(.label)) {
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    margin-bottom: 5px !important;
    height: 32px !important;
}

.productItem .productQuantity .btn-minier,
.productItem .productQuantity .navigate-input {
    height: 32px !important;
    line-height: 32px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.productItem .productQuantity .btn-minier {
    width: 32px !important;
    border-radius: 6px 0 0 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d1d5db !important;
    background: #f9fafb !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.productItem .productQuantity .minus:hover { background: #fee2e2 !important; color: #dc2626 !important; border-color: #dc2626 !important; }

.productItem .productQuantity .navigate-input {
    width: 50px !important;
    text-align: center !important;
    font-weight: 700 !important;
    border-top: 1px solid #d1d5db !important;
    border-bottom: 1px solid #d1d5db !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    color: #111827 !important;
    background: #ffffff !important;
    font-size: 13px !important;
    padding: 0 !important;
}

.productItem .productQuantity .plus { border-radius: 0 6px 6px 0 !important; border-left: 1px solid #d1d5db !important; }
.productItem .productQuantity .plus:hover { background: #dcfce7 !important; color: #16a34a !important; border-color: #16a34a !important; }

/* Gereksizleri Gizle */
.productItem .productPrice, 
.productItem .divProductListDiscountedPrice,
.productItem .productStock,
.productItem .productStockDetail,
.productItem .tooltip-text { display: none !important; }

/* ==========================================================================
   5. DETAY ALANI
   ========================================================================== */
.productItem .customFieldsRow {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
}

.productItem .customFieldsRow .row.cw-form-row {
    margin: 0 !important; padding: 0 !important; min-height: unset !important; border: none !important; width: auto !important;
}
.productItem .customFieldsRow .cw-label-column { display: none !important; }
.productItem .customFieldsRow .cw-input-column { padding: 0 !important; border: none !important; background: transparent !important; }


/* --- BÖLÜM 1: BİRİM ÇEVRİMİ (DAHA BELİRGİN RENKLER) --- */
.productItem .customFieldsRow .row.cw-form-row:nth-child(1) { 
    order: 1 !important; 
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
    padding-top: 8px !important;
    border-top: 1px dashed #cbd5e1 !important; /* Çizgi rengi koyulaştı */
}

.productItem .customFieldsRow .row.cw-form-row:nth-child(1)::before {
    content: 'BİRİM ÇEVRİMİ' !important;
    display: block !important;
    font-size: 10px !important;
    color: #0369a1 !important; /* Başlık daha koyu mavi */
    font-weight: 800 !important;
    margin-bottom: 5px !important;
    letter-spacing: 0.5px !important;
}

.productItem .customFieldsRow .row.cw-form-row:nth-child(1) .cw-input-column > div { justify-content: center !important; gap: 5px !important; }

/* Çevrim Kutuları - GÜÇLÜ RENKLER */
.productItem .customFieldsRow .row.cw-form-row:nth-child(1) span {
    border: none !important;
    border-radius: 4px !important;
    padding: 4px 10px !important; /* Kutu içi dolgunluk arttı */
    font-size: 11px !important; /* Yazı bir tık büyüdü */
    font-weight: 700 !important;
    color: #fff !important; /* Yazı rengi beyaz */
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; /* Gölge belirginleşti */
    text-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;
}

/* 1. Kutu: Canlı Gök Mavisi */
.productItem .customFieldsRow .row.cw-form-row:nth-child(1) span:nth-of-type(1) { 
    background: #0ea5e9 !important; 
}
/* 2. Kutu: Parlak Kraliyet Mavisi */
.productItem .customFieldsRow .row.cw-form-row:nth-child(1) span:nth-of-type(2) { 
    background: #2563eb !important; 
}
/* 3. Kutu: Derin Lacivert */
.productItem .customFieldsRow .row.cw-form-row:nth-child(1) span:nth-of-type(3) { 
    background: #1e3a8a !important; 
}


/* --- BÖLÜM 2: FİYAT TABLOSU --- */

/* LİSTE FİYATI (Row 3) */
.productItem .customFieldsRow .row.cw-form-row:nth-child(3) { 
    order: 2 !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
    min-width: 120px !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(3) .cw-input-column::before {
    content: 'Satış Fiyatı' !important;
    display: block !important;
    font-size: 9px !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    margin-bottom: 2px !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(3) .cw-input-column {
    display: flex !important; flex-direction: column !important; align-items: center !important;
    color: #2563eb !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(3) span { 
    border: none !important; padding: 0 !important; background: transparent !important; text-decoration: none !important; 
}


/* İndirim ORANI (Row 5) */
.productItem .customFieldsRow .row.cw-form-row:nth-child(5) { 
    order: 3 !important; 
    display: none !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(5) .cw-input-column::before {
    content: 'İndirim' !important;
    display: block !important;
    font-size: 9px !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    margin-bottom: 2px !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(5) span {
    border: none !important; background: transparent !important; color: inherit !important; padding: 0 !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(5) .cw-input-column > div,
.productItem .customFieldsRow .row.cw-form-row:nth-child(5) .cw-input-column > span:first-child { 
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border: 1px solid #fca5a5 !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}


/* İNDİRİMLİ FİYAT (Row 4) - SOLA YASLANMIŞ */
.productItem .customFieldsRow .row.cw-form-row:nth-child(4) { 
    order: 4 !important; 
    display: none !important; 
    flex-direction: column !important;
    align-items: flex-start !important; /* SOLA YASLA */
    flex: 1.2 !important;
    margin-left: 2px !important;
}

/* Başlık */
.productItem .customFieldsRow .row.cw-form-row:nth-child(4) .cw-input-column::before {
    content: 'İndirimli Fiyat' !important;
    display: block !important;
    font-size: 9px !important;
    color: #2563eb !important;
    font-weight: 700 !important;
    margin-bottom: 2px !important;
    width: 100% !important;
    text-align: left !important; /* Sola Yasla */
}

/* Değer */
.productItem .customFieldsRow .row.cw-form-row:nth-child(4) .cw-input-column {
    align-items: flex-start !important; /* Sola Yasla */
}

.productItem .customFieldsRow .row.cw-form-row:nth-child(4) span[style*="border"] {
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: left !important;
}

/* HTML'den gelen inline style'ı ezmek için */
.productItem .customFieldsRow .row.cw-form-row:nth-child(4) td {
    text-align: left !important;
}


/* --- AKILLI KOŞULLAR (İNDİRİM VARSA) --- */

/* 1. İndirim ve Net Fiyatı GÖSTER */
.productItem .customFieldsRow:has(.row.cw-form-row:nth-child(5) span:not(:empty)) .row.cw-form-row:nth-child(5),
.productItem .customFieldsRow:has(.row.cw-form-row:nth-child(5) span:not(:empty)) .row.cw-form-row:nth-child(4) {
    display: flex !important;
}

/* 2. Liste Fiyatını DEĞİŞTİR (Gri & Çizgili) */
.productItem .customFieldsRow:has(.row.cw-form-row:nth-child(5) span:not(:empty)) .row.cw-form-row:nth-child(3) .cw-input-column {
    color: #9ca3af !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}
.productItem .customFieldsRow:has(.row.cw-form-row:nth-child(5) span:not(:empty)) .row.cw-form-row:nth-child(3) span {
    text-decoration: line-through !important;
}
/* Başlığı Değiştir */
.productItem .customFieldsRow:has(.row.cw-form-row:nth-child(5) span:not(:empty)) .row.cw-form-row:nth-child(3) .cw-input-column::before {
    content: 'Liste Fiyatı' !important;
}
/* Genişliği daralt */
.productItem .customFieldsRow:has(.row.cw-form-row:nth-child(5) span:not(:empty)) .row.cw-form-row:nth-child(3) {
    min-width: auto !important;
}


/* --- BÖLÜM 3: KARŞILAŞTIR BUTONU --- */
.productItem .customFieldsRow .row.cw-form-row:nth-child(2) {
    order: 5 !important;
    width: 100% !important;
    margin-top: 10px !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(2) .btn-compare-sync {
    width: 100% !important;
    height: 32px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #374151 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(2) .btn-compare-sync:hover {
    background: #f8fafc !important; border-color: #2563eb !important; color: #2563eb !important;
}
.productItem .customFieldsRow .row.cw-form-row:nth-child(2) .lbl { display: inline-block !important; }
.productItem .customFieldsRow .row.cw-form-row:nth-child(2) i { margin: 0 !important; font-size: 12px !important; }

/* MOBİL */
@media (max-width: 1200px) { .productItem.ng-scope { width: calc(25% - 8px) !important; max-width: 25% !important; } }
@media (max-width: 992px) { .productItem.ng-scope { width: calc(33.33% - 8px) !important; max-width: 33.33% !important; } }
@media (max-width: 768px) { .productItem.ng-scope { width: calc(50% - 8px) !important; max-width: 50% !important; } }
@media (max-width: 480px) { .productItem.ng-scope { width: calc(100% - 8px) !important; max-width: 100% !important; } }
/* ============================================
   GENEL İYİLEŞTİRMELER
   ============================================ */
 
.productItem.ng-scope {
    display: flex !important;
    flex-direction: column !important;
}
 
.productItem .customFieldsRow {
    overflow: visible !important;
}