/* Header Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: #f5f5f5;
            color: #333;
        }

        .header {
            background: white;

            padding: 0 20px;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            position: relative;
        }

        .logo {
            font-size: 24px;
            font-weight: bold;
            color: #2c3e50;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .logo img{
            position:relative;
            left:20px;
        }

        .logo i {
            color: #f39c12;
            font-size: 28px;
        }

        /* Hamburger Menu Button */
        .menu-toggle {
            display: none;
            background: none;
            border: none;
            font-size: 24px;
            color: #2c3e50;
            cursor: pointer;
            padding: 5px;
            transition: color 0.3s;
        }

        .menu-toggle:hover {
            color: #f39c12;
        }
        #navlink{
            display:none !important;
        }
        .nav-links {
            display: flex;
            gap: 20px;
            align-items: center;
        }

        .nav-link {
            color: #555;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
            padding: 5px ;
           
        }

        .nav-link:hover {
            color: #f39c12;
        }

        .nav-link.active {
            color: #f39c12;
            border-bottom: 2px solid #f39c12;
        }

        .cart-icon {
            position: relative;
            right:30px;
        }

        .cart-count {
            position: absolute;
            top: -13px;
            right: -8px;
            background: #fc7a0f;
            color: white;
            border-radius:100%;
            font-size: 9px;
            padding: 2px 6px;
            min-width: 18px;
            text-align: center;
            font-weight: 600;
        }
        .account{
            display:none !important;
        }
        

       
/* Mobile Navigation */
@media (max-width: 768px) {
    .header-container {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        position: relative;
        padding: 10px 15px;
    }
     #navlink{
            display:block !important;
        }
    
    .menu-toggle {
        display: block;
        order: 1;
        color: orange;
        font-size: 20px;
        z-index: 1000;
    }

    .logo {
        display: none;
        order: 2;
        margin: 0 auto;
        width: 100%;
    }

    .cart-icon {
        order: 3;
        
        z-index: 1000;
        position:absolute;
        right:0;
    }

    i.fa-shopping-cart {
        color: gray;
        font-size: 18px; /* Reduced from 21px */
        position: absolute;
        right:12px;
        top:-5px;
    }

    /* TRAILER & LINKS - Reduced font size */
    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left:0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 15px 20px;
        gap: 10px;
        z-index: 999;
        max-height: 80vh;
        overflow-y: auto;
        border-radius: 0;
    }

    .nav-links.show {
        display: flex;
    }

    .nav-link {
        width: 100%;
        text-align: left;
        padding: 8px 15px;
        border-bottom: 1px solid #f0f0f0;
        font-size: 14px; /* Reduced from 17px */
        font-weight: 500;
        color: #333;
    }

    .nav-link:last-child {
        border-bottom: none;
    }

    .nav-link.active {
        border-bottom: 2px solid #f39c12;
    }

    /* Reduce font size for trailer (dropdown items) */
    .user-menu {
        width: 100%;
    }

    .user-dropdown {
        position: static;
        display: none;
        box-shadow: none;
        margin-top: 5px;
        background: #f8f9fa;
        border-radius: 6px;
        padding: 5px 0;
    }

    .user-menu:hover .user-dropdown {
        display: block;
    }

    .dropdown-item {
        padding: 8px 20px;
        font-size: 13px; /* Reduced font size */
        color: #555;
    }

    .dropdown-item:hover {
        background: #e9ecef;
    }

    /* Additional styling for any "Trailer" specific elements */
    .trailer-link,
    .trailer-item {
        font-size: 13px; /* Reduced font size */
    }

    /* Fix positioning for any absolute elements */
    .header-container .nav-links {
        top: 100%;
        left: 0;
        right: 0;
    }
}