:root {
                    --login-bg-image: url("../coreWork/file/8978c85a-03c9-444c-8648-e1efd9abbbc9/B2B%20Portal%20Giri%C5%9F.jpg");

                    --primary-color: #1a3544;
                    --primary-font-color: #ffffff;
                    --primary-hover-color: #1a3544cc;
                    --primary-disabled-color: #1a354466;

                    --secondary-color: #ffffff;
                    --secondary-font-color: #1a3544;
                    --secondary-border-color: #1a3544;
                    --secondary-hover-color: #fff5f5;

                }
                .navbar {
                    background-color: #1a3544 !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: #1a3544 !important; /*MT1*/
                }

                li.menuIndicatorBackgroundColor:hover > a, .no-skin .nav-list > li.menuIndicatorBackgroundColor:hover > a {
                    background-color: #007bff!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: #007bff; /*MT2*/
                }
                .nav-list > li:before {
                    background-color: #007bff; /*I1*/
                }
                .menuIndicatorBackgroundColor {
                    background-color: #007bff!important; /*I1*/
                }
              
                .menuIndicatorColor {
                    color: #007bff!important; /*I1*/
                }
                .no-skin .nav-list > li.active:after {
                    border-color: #007bff;  /*I1*/
                }
                .no-skin .nav-list li.active > a:after {
                    border-right-color: #007bff; /*I1*/
                    -moz-border-right-colors: #007bff; /*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: #007bff !important; /*I1*/
                }
                .no-skin {
                    
                    background: url(../coreWork/file/8978c85a-03c9-444c-8648-e1efd9abbbc9/B2B%20Portal%20Giri%C5%9F.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: #1a3544 !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: #1a354466 0px 20px 30px;
                }

                                

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

                 #ecomHighlihtedMenu a.btn.btn-white.active,#ecomHighlihtedMenu a.btn.btn-white:hover,#ecomHighlihtedMenu a.btn.btn-white:active {
                    background-color: #1a3544 !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: #1a3544 !important;
                    color: #ffffff !important;
                }

               

                 

                

                .siteName {
    font-weight: 800; 
}
.productItem {
        width: 200px!important;
    }
    .gridView_ProductImage {
        width: 200px!important;
        height: 200px!important;
    }

    .categoryItem div:first-child
    {
        width: 250px!important;
        height: 250px!important;
    }

    .categoryItem 
    {
        width: 250px!important;
        height: 318px!important;
        
    }
    .categoryItem img
    {
        width: 100%!important;
        height: 100%!important;
    }
    /* .cartProductName 
    {
       display:none;
    }*/
    .showProductImage{
        cursor: pointer!important;
    }

    .cartProductName {display: none;}
    .shopping-cart-detail img { width: 35px!important; height: 35px!important; }

.nav-list > li > a {
    font-size: 12px!important;
}
/* div.yes-stock span:first-child,div.no-stock span:first-child
{
    display: none;
} */

/* ======================================================================
   ANASAYFA HIZLI ERİŞİM BUTONLARI (Bayi teması için)
   ====================================================================== */

/* 1. Menü Konteynerini Flex (Yan Yana) Yapısı İçin Ayarlayalım */
#ecomHighlihtedMenu ul.nav.ace-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important; /* Butonlar arası boşluk da biraz ufaltıldı */
    padding: 8px 0 !important;
}

/* 2. Orijinal sistemdeki sabit yükseklik ve satır aralıklarını ezelim */
#ecomHighlihtedMenu ul.nav.ace-nav li {
    height: auto !important;
    line-height: normal !important;
    margin: 0 !important;
    border: none !important;
}

/* 3. Butonların Kendisi - KARE VE MERKEZLİ TASARIM (%25 KÜÇÜK) */
#ecomHighlihtedMenu a.btn.btn-white {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 82px !important;      /* 110'dan 82px'e düştü */
    min-width: 82px !important; 
    height: 82px !important;     /* 110'dan 82px'e düştü */
    border-radius: 8px !important;
    border: none !important;
    color: #ffffff !important;
    padding: 6px 4px !important; /* İç boşluklar daraltıldı */
    white-space: normal !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    background-image: none !important; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

/* 4. İkonların Büyüklüğü ve Konumu */
#ecomHighlihtedMenu a.btn.btn-white i.fa {
    font-size: 22px !important;   /* İkon 30'dan 22px'e düştü */
    margin: 0 0 6px 0 !important; /* İkonun altındaki boşluk kısıldı */
    display: block !important;
    color: #ffffff !important;
}

/* 5. Metinlerin Kalınlığı ve Boyutu */
#ecomHighlihtedMenu a.btn.btn-white span {
    font-size: 9px !important;    /* Yazı fontu ufaltıldı */
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    margin: 0 !important;
    color: #ffffff !important;
    white-space: pre-wrap !important;
    font-family: inherit !important;
}

/* 6. Üzerine Gelince (Hover) Hafif Yukarı Zıplama Efekti */
#ecomHighlihtedMenu a.btn.btn-white:hover {
    transform: scale(1.05) translateY(-4px) !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2) !important;
    color: #ffffff !important;
}

/* ========================================================
   SIRASIYLA BUTON RENKLERİ
   ======================================================== */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(1) a.btn { background-color: #a40015 !important; } /* Ürün Arama - Bordo */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(2) a.btn { background-color: #000000 !important; } /* Sipariş Takibi - Siyah */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(3) a.btn { background-color: #062a3d !important; } /* Bakiye Sipariş - Koyu Lacivert */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(4) a.btn { background-color: #cc907b !important; } /* Cari Hesap - Somon/Pudra */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(5) a.btn { background-color: #2e9eb2 !important; } /* Hesap Bakiyesi - Turkuaz */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(6) a.btn { background-color: #0a1a27 !important; } /* Vadesi Geçen - Gece Mavisi */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(7) a.btn { background-color: #52764b !important; } /* Hesap Numaraları - Haki Yeşil */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(8) a.btn { background-color: #0a3a57 !important; } /* Haberler - Lacivert */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(9) a.btn { background-color: #d51e44 !important; } /* Hızlı Sipariş - Canlı Kırmızı */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(10) a.btn{ background-color: #01bf9d !important; } /* Online Ödeme - Mint Yeşili */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(11) a.btn{ background-color: #2a2c56 !important; } /* Kredi Kartı Ödemeleri - Mor Lacivert */

/* 11'den fazla buton eklenirse varsayılan olarak mavi yapsın: */
#ecomHighlihtedMenu ul.nav.ace-nav li:nth-child(n+12) a.btn { background-color: #1B6AAA !important; }