/* FORCE SEARCH AUTOCOMPLETE VISIBILITY */
    .search-section {
        overflow: visible !important;
        position: relative !important;
    }
    
    #searchForm {
        overflow: visible !important;
        position: relative !important;
    }
    
    .search-suggestions {
        z-index: 999999 !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    
    .search-clear-btn {
        z-index: 999999 !important;
    }
    
    /* REMOVED: All special hover handling for specific categories */
    
    /* REMOVED: Extended height styles - green should only appear on the category item itself */
    
    
    
    
    /* Allow overflow for the parent containers - CRITICAL FIX */
    .categorii-produse,
    .category-navigation-menu,
    .responsive-category-menu,
    .main-category-nav-list,
    .category-dropdown-wrapper {
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
        position: relative !important;
    }
    
    /* Ensure menu items can expand without clipping */
    .category-item[data-category] {
        overflow: visible !important;
        position: relative !important;
        z-index: 1 !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    /* When any category with extended height is hovered, ensure container expands */
    .categorii-produse:has(.category-item:hover),
    .category-navigation-menu:has(.category-item:hover) {
        min-height: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Make subcategory groups have white background when on green */
    #category-hover-overlay.active .subcategory-group {
        background: white !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        padding: 15px !important;
        margin: 5px !important;
    }
    
    /* FORCE FIXED HEADERS - PROPERLY CENTERED */
    @media screen and (min-width: 768px) {
        /* Fixed white header */
        body .new-header,
        header.new-header {
            position: fixed !important;
            top: 40px !important;
            left: 0 !important;
            width: 100% !important;
            height: 60px !important;
            z-index: 10001 !important;
            background: white !important;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        }
        
        /* Container with max-width like Lovable app */
        body .new-header {
            display: flex !important;
            justify-content: center !important;
        }
        
        body .new-header .header-container-wrapper {
            width: 100% !important;
            max-width: 1400px !important; /* Slightly wider container */
            margin: 0 auto !important;
            padding: 0 40px !important; /* More padding for better spacing */
            height: 60px !important;
            position: relative !important;
        }
        
        body .new-header .header-main-content {
            width: 100% !important;
            max-width: 100% !important; /* Let wrapper (1400px+40px) control width */
            height: 60px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 20px !important; /* Add gap between elements */
            padding: 0 !important;
            margin: 0 !important;
            position: relative !important;
        }
        
        /* Logo - left side, vertically centered */
        body .new-header .logo-section {
            position: relative !important;
            margin: 0 !important;
            margin-left: -5px !important; /* Move 5px to the left */
            padding-top: 10px !important; /* Move 5px down */
            height: 60px !important; /* Full header height */
            width: auto !important;
            min-width: 170px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-shrink: 0 !important;
            z-index: auto !important;
            left: auto !important;
            top: auto !important;
            transform: none !important;
            order: unset !important;
        }
        
        body .new-header .logo-section a {
            outline: none !important;
            box-shadow: none !important;
            text-decoration: none !important;
        }
        
        body .new-header .logo-section a:focus,
        body .new-header .logo-section a:focus-visible,
        body .new-header .logo-section a:active {
            outline: none !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        body .new-header .logo-section img {
            height: 45px !important;
            width: auto !important;
            max-width: 170px !important;
            position: relative !important; /* Override absolute positioning */
            left: -10px !important; /* Move 10px to the left (was -5px, now -5px more) */
            top: -1px !important; /* Move 1px up */
        }
        
        /* Search - flexible center section with perfect vertical alignment */
        body .new-header .search-section {
            position: relative !important;
            flex: 1 !important;
            max-width: 420px !important;
            margin: 0 30px !important;
            padding: 15px 0 !important; /* Increased padding to push content down */
            height: 60px !important;
            display: flex !important;
            align-items: flex-start !important; /* Align to top with padding */
            justify-content: center !important;
            z-index: auto !important;
            left: auto !important;
            top: auto !important;
            transform: none !important;
            order: unset !important;
            box-sizing: border-box !important;
        }
        
        body .new-header .search-section .search-container,
        body .new-header .search-section .search-bar {
            height: 30px !important; /* Smaller height */
            width: 100% !important;
            display: flex !important;
            align-items: center !important;
            position: relative !important;
            border: 0 none !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        
        body .new-header .search-section input,
        body .new-header .search-section input[type="text"],
        body .new-header .search-section .doresc-sa-cumpar,
        body .new-header .doresc-sa-cumpar {
            height: 30px !important; /* Smaller to fit within header */
            max-height: 30px !important;
            min-height: 30px !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 5px 32px 5px 10px !important;
            box-sizing: border-box !important;
            font-size: 12px !important; /* Smaller font */
            border: 1px solid #d1d5db !important;
            border-radius: 3px !important;
            background: white !important;
            outline: none !important;
            line-height: 1 !important;
            display: block !important; /* Override flex */
            align-items: unset !important;
            flex: unset !important;
        }
        
        body .new-header .search-section input:focus,
        body .new-header .search-section .doresc-sa-cumpar:focus {
            border-color: #3b82f6 !important;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
        }
        
        body .new-header .search-section .search-icon {
            position: absolute !important;
            right: 8px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            width: 16px !important;
            height: 16px !important;
            pointer-events: none !important;
            opacity: 0.5 !important;
        }
        
        /* Dropdown - perfectly centered vertically */
        body .new-header .dropdown-section {
            position: relative !important;
            width: 160px !important;
            height: 60px !important;
            display: flex !important;
            align-items: flex-start !important; /* Align to top with padding */
            justify-content: center !important;
            margin: 0 15px 0 20px !important;
            padding: 15px 0 !important; /* Match search padding */
            flex-shrink: 0 !important;
            z-index: auto !important;
            left: auto !important;
            right: auto !important;
            top: auto !important;
            transform: none !important;
            order: unset !important;
            box-sizing: border-box !important;
        }
        
        body .new-header .dropdown-section .simple-dropdown {
            height: 30px !important; /* Match search height */
            width: 100% !important;
            display: block !important;
            position: relative !important;
        }
        
        body .new-header .dropdown-section .dropdown-btn {
            height: 30px !important; /* Smaller to fit within header */
            max-height: 30px !important;
            width: 100% !important;
            padding: 5px 30px 5px 10px !important;
            font-size: 12px !important; /* Smaller font */
            border: 1px solid #d1d5db !important;
            border-radius: 3px !important;
            background: white !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            cursor: pointer !important;
            position: relative !important;
            box-sizing: border-box !important;
            line-height: 1 !important;
        }
        
        body .new-header .dropdown-section .dropdown-arrow {
            position: absolute !important;
            right: -75px !important; /* Moved 30px more to the right (-45px - 30px = -75px) */
            top: 50% !important;
            transform: translateY(-50%) !important;
            font-size: 12px !important;
            color: #6b7280 !important;
        }
        
        /* Icons - rightmost section, vertically centered */
        body .new-header .icon-links {
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 20px !important;
            margin: 0 !important;
            height: 60px !important; /* Full header height */
            flex-shrink: 0 !important;
            z-index: auto !important;
            right: auto !important;
            top: auto !important;
            transform: none !important;
            order: unset !important;
        }
        
        /* Account and Cart container - push to right edge */
        body .new-header .icon-links {
            right: 0px !important;
        }

        /* Account and Cart positioning */
        body .new-header .cosul-meu-link,
        body .new-header .contul-meu-link {
            position: relative !important;
        }
        
        body .new-header .icon-links a {
            display: flex !important;
            align-items: center !important;
            gap: 4px !important;
            font-size: 14px !important;
            height: auto !important;
        }
        
        /* Categories toggle button */
        .categories-toggle-btn {
            top: 55px !important;
            transform: none !important;
            height: 30px !important;
        }
        
        /* Fixed blue navigation - FORCE PROPER HEIGHT */
        body .meniu-principal,
        div.meniu-principal,
        .meniu-principal {
            position: fixed !important;
            top: 100px !important;
            left: 0 !important;
            width: 100% !important;
            height: 55px !important;
            min-height: 55px !important;
            max-height: 55px !important;
            z-index: 10000 !important;
            background-color: #2034ad !important;
            display: flex !important;
            align-items: center !important;
            overflow: visible !important;
            box-sizing: border-box !important;
        }
        
        /* Fix CATEGORII button alignment - align with logo left edge */
        body .meniu-principal .frame-parent {
            padding: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            display: flex !important;
            align-items: center !important;
            height: auto !important;
            margin-left: -15px !important;
            margin-right: auto !important;
            position: relative !important;
            top: 0 !important;
            transform: none !important;
        }
        
        /* Force hamburger lines to be visible */
        body .meniu-principal .line-parent {
            padding: 0 !important;
            margin: 0 !important;
        }
        
        body .meniu-principal .frame-child {
            border-top: 2px solid #fff !important;
        }
        
        /* Fix phone section alignment - OVERRIDE EVERYTHING */
        body .meniu-principal .phone-parent {
            padding: 0 !important;
            display: flex !important;
            align-items: center !important;
            height: auto !important;
            margin-left: auto !important;
            margin-right: 0 !important; /* Aligned with wrapper content edge */
            position: relative !important;
            top: 0 !important;
            transform: none !important;
        }
        
        /* Fix center navigation alignment */
        body .meniu-principal .despre-noi-servicii-vanzar-wrapper {
            display: flex !important;
            align-items: center !important;
            height: auto !important;
            margin: 0 !important;
        }
        
        body .meniu-principal .despre-noi {
            height: auto !important;
            display: flex !important;
            align-items: center !important;
            margin: 0 !important;
            padding: 0 10px !important;
        }
        
        /* Make the container properly aligned - match white header (1400px + 40px padding) */
        body .meniu-principal .header-container-wrapper {
            height: 55px !important;
            min-height: 55px !important;
            display: flex !important;
            align-items: center !important;
            padding: 0 40px !important;
            width: 100% !important;
            max-width: 1400px !important;
            margin: 0 auto !important;
            justify-content: space-between !important;
        }
        
        /* Force all inner elements to be visible */
        body .meniu-principal * {
            overflow: visible !important;
        }
        
        /* Ensure text is visible and properly positioned */
        body .meniu-principal .categorii {
            color: #fff !important;
            margin: 0 !important;
            margin-left: 8px !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            display: inline-flex !important;
            align-items: center !important;
        }
        
        body .meniu-principal .despre-noi {
            color: #fff !important;
            margin: 0 !important;
            font-size: 14px !important;
            display: inline-flex !important;
            align-items: center !important;
        }
        
        body .meniu-principal .div {
            color: #fff !important;
            margin: 0 !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            display: inline-flex !important;
            align-items: center !important;
        }
        
        /* Make sure phone icon is visible */
        body .meniu-principal .phone-icon {
            filter: brightness(0) saturate(100%) invert(100%) !important;
            width: 20px !important;
            height: 20px !important;
        }

        /* --- Updated producer + search module styling --- */
        body .new-header .search-section {
            max-width: 660px !important;
            padding: 10px 0 !important;
            display: flex !important;
            align-items: center !important;
        }

        body .new-header .search-bar.search-bar--with-brand {
            display: flex !important;
            align-items: stretch !important;
            gap: 0 !important;
            height: 48px !important;
            width: 100% !important;
            padding: 0 !important;
            border: 2px solid #2034ad !important;
            border-radius: 12px !important;
            background: #ffffff !important;
            box-shadow: 0 2px 8px rgba(32, 52, 173, 0.08) !important;
            overflow: visible !important;
            transition: box-shadow 0.2s ease !important;
            box-sizing: border-box !important;
        }

        body .new-header .search-bar.search-bar--with-brand:focus-within {
            box-shadow: 0 0 0 3px rgba(32, 52, 173, 0.15), 0 2px 8px rgba(32, 52, 173, 0.08) !important;
        }

        body .new-header .search-bar.search-bar--with-brand > .brand-selector {
            position: relative !important;
            flex-shrink: 0 !important;
            display: flex !important;
            margin: 0 !important;
        }

        body .new-header .search-bar.search-bar--with-brand .dropdown-btn {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            height: 100% !important;
            padding: 0 14px !important;
            background: #f0f3ff !important;
            color: #2034ad !important;
            border: none !important;
            border-right: 2px solid #2034ad !important;
            border-radius: 10px 0 0 10px !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            transition: background 0.15s ease, color 0.15s ease !important;
            position: relative !important;
            white-space: nowrap !important;
        }

        body .new-header .search-bar.search-bar--with-brand .dropdown-btn .brand-selector-icon {
            width: 15px !important;
            height: 15px !important;
            flex-shrink: 0 !important;
            color: #2034ad !important;
        }

        body .new-header .search-bar.search-bar--with-brand .dropdown-btn #brandSelectedLabel {
            line-height: 1 !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        body .new-header .search-bar.search-bar--with-brand .dropdown-btn .dropdown-arrow {
            font-size: 10px !important;
            color: #2034ad !important;
            font-weight: 400 !important;
            line-height: 1 !important;
            margin: 0 !important;
            opacity: 0.7 !important;
            transition: transform 0.2s ease !important;
            top: 0 !important;
            position: static !important;
        }

        body .new-header .search-bar.search-bar--with-brand .dropdown-btn.active .dropdown-arrow {
            transform: rotate(180deg) !important;
        }

        body .new-header .search-bar.search-bar--with-brand .dropdown-btn:hover,
        body .new-header .search-bar.search-bar--with-brand .dropdown-btn.active {
            background: #e4eaff !important;
            color: #1a2aa6 !important;
        }

        body .new-header .search-bar.search-bar--with-brand .doresc-sa-cumpar {
            flex: 1 !important;
            border: none !important;
            padding: 0 16px !important;
            font-size: 14px !important;
            font-weight: 400 !important;
            color: #1a1a2e !important;
            background: transparent !important;
            height: 100% !important;
            max-height: none !important;
            min-height: 0 !important;
            transition: color 0.15s ease !important;
        }

        body .new-header .search-bar.search-bar--with-brand .doresc-sa-cumpar::placeholder {
            color: #8b92a5 !important;
            font-weight: 400 !important;
        }

        body .new-header .search-bar.search-bar--with-brand .doresc-sa-cumpar:focus {
            outline: none !important;
            box-shadow: none !important;
        }

        body .new-header .search-bar.search-bar--with-brand .search-submit {
            width: 56px !important;
            height: 100% !important;
            border: none !important;
            background: #2034ad !important;
            border-radius: 0 10px 10px 0 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            transition: background 0.15s ease !important;
        }

        body .new-header .search-bar.search-bar--with-brand .search-submit:hover {
            background: #1a2b8f !important;
        }

        body .new-header .search-bar.search-bar--with-brand .search-submit:active {
            background: #152270 !important;
        }

        body .new-header .search-bar.search-bar--with-brand .search-submit svg {
            width: 20px !important;
            height: 20px !important;
        }

        body .new-header .search-bar.search-bar--with-brand .brands-menu-ultra {
            top: calc(100% + 6px) !important;
            left: 0 !important;
            right: auto !important;
            width: 340px !important;
            border-radius: 12px !important;
            border: 1.5px solid #2034ad !important;
            box-shadow: 0 8px 32px rgba(32, 52, 173, 0.15) !important;
            padding: 0 !important;
            background: #ffffff !important;
            overflow: hidden !important;
            z-index: 100000 !important;
            animation: brandDropdownIn 0.2s ease forwards !important;
        }

        @keyframes brandDropdownIn {
            from {
                opacity: 0;
                transform: translateY(-8px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .brand-search-box {
            padding: 12px 14px !important;
            background: #f0f3ff !important;
            border-bottom: 1.5px solid rgba(32, 52, 173, 0.12) !important;
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            border-radius: 10px 10px 0 0 !important;
        }

        .brand-search-input {
            width: 100% !important;
            height: 36px !important;
            border-radius: 8px !important;
            border: 1px solid #cad5f6 !important;
            padding: 0 36px 0 12px !important;
            font-size: 13px !important;
            background: #ffffff !important;
            transition: border 0.15s ease, box-shadow 0.15s ease !important;
        }

        .brand-search-input:focus {
            border-color: #2034ad !important;
            box-shadow: 0 0 0 3px rgba(32, 52, 173, 0.12) !important;
            outline: none !important;
        }

        .search-icon-brands {
            right: 42px !important;
            top: 50% !important;
        }

        .brand-reset-btn {
            display: none !important;
            border: none !important;
            background: transparent !important;
            color: #1a2aa6 !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            padding: 0 4px !important;
            line-height: 1 !important;
            white-space: nowrap !important;
        }

        .brand-reset-btn:hover {
            text-decoration: underline !important;
        }

        .brand-items-scrollable {
            max-height: 480px !important;
            overflow-y: auto !important;
            padding: 4px 0 !important;
            background: #ffffff !important;
            scrollbar-width: thin !important;
            scrollbar-color: #c4ccdf transparent !important;
        }

        .brand-items-scrollable::-webkit-scrollbar {
            width: 6px !important;
        }

        .brand-items-scrollable::-webkit-scrollbar-track {
            background: transparent !important;
        }

        .brand-items-scrollable::-webkit-scrollbar-thumb {
            background: #c4ccdf !important;
            border-radius: 3px !important;
        }

        .brand-items-scrollable::-webkit-scrollbar-thumb:hover {
            background: #a0abca !important;
        }

        .brand-item {
            display: block !important;
            padding: 11px 16px !important;
            font-size: 13.5px !important;
            font-weight: 500 !important;
            color: #1f2937 !important;
            cursor: pointer !important;
            transition: all 0.15s ease !important;
            border-bottom: 1px solid #f0f2f8 !important;
            line-height: 1.3 !important;
        }

        .brand-item:last-of-type {
            border-bottom: none !important;
            border-radius: 0 0 10px 10px !important;
        }

        .brand-item--all {
            font-weight: 600 !important;
            color: #2034ad !important;
            background: #eef3ff !important;
        }

        .brand-item:hover {
            background: #eef2ff !important;
            color: #2034ad !important;
            font-weight: 600 !important;
            padding-left: 20px !important;
        }

        .brand-item.active {
            background: #2034ad !important;
            color: #ffffff !important;
            font-weight: 600 !important;
        }

        .brand-item.hidden {
            display: none !important;
        }

        .brand-empty-state {
            display: none !important;
            padding: 20px !important;
            text-align: center !important;
            font-size: 13px !important;
            color: #6b7280 !important;
        }

        .brand-empty-state.visible {
            display: block !important;
        }
    }

    @keyframes slideIn {
        from {
            transform: translateX(100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @keyframes slideOut {
        from {
            transform: translateX(0);
            opacity: 1;
        }
        to {
            transform: translateX(100%);
            opacity: 0;
        }
    }
    
    /* Keep original category item styles */