#menu{
    font-size:16px;
    background-color:#959a9c;
    background-image: linear-gradient(to bottom, #959a9c , #cfd0d0 );
    
}
#cart .btn-inverse {
        background-color:#f16326;
        background-image: linear-gradient(to bottom, #f16326, #faab4e);
}
/* --- 1. Sticky Header --- */
#top, .header {
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* --- 2. Cleaner Main Menu --- */
#menu .nav > li > a {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 15px 15px;
}
#menu .nav > li > a:hover {
    background-color: transparent;
    color: #1e91cf; /* Your accent color */
}
/* Dropdown styling */
#menu .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

/* --- 3. Softer Header Cart --- */
#cart .btn-shopping-cart {
    border-radius: 50px;
    padding: 9px 20px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
}
#cart .btn-shopping-cart:hover {
    background: #e9ecef;
}
/* Cart dropdown */
#cart .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    padding: 20px;
}

/* --- 4. Refined Search Bar --- */
#search .form-control {
    border-radius: 50px 0 0 50px !important;
    border: 1px solid #e9ecef;
    padding: 10px 20px;
}
#search .btn-default {
    border-radius: 0 50px 50px 0 !important;
    background: #1e91cf;
    border: 1px solid #1e91cf;
    color: #fff;
}
#search .btn-default:hover {
    background: #1a7ab0;
}

/* --- 5. Top Links (Currency, Language, My Account) --- */
#top-links ul.nav > li > a {
    color: #6c757d;
    font-size: 14px;
}
#top-links ul.nav > li > a:hover {
    color: #1e91cf;
    background-color: transparent;
}