@media screen and (max-width: 767px) {
    .inventoryDropdown__title,
    .inventoryDropdown__models {
        display: none;
    }
}

.inventoryDropdown {
    --dropdown-padding-x: 1rem;
}

.inventoryDropdown__title {
    font-weight: bold;
    color: var(--primary);
    border-bottom: 1rem;
    padding: .75rem var(--dropdown-padding-x);
}

.inventoryDropdown__footer {
    border-top: 1px solid var(--border-color, #dee2e6);
    grid-column: 1 / -1;
    padding: .75rem var(--dropdown-padding-x);

    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.inventoryDropdown__item {
    padding: .35rem var(--dropdown-padding-x);
}

.inventoryDropdown__link {
    color: inherit;
}

.inventoryDropdown__link:is(:hover, :focus) {
    color: var(--primary);
}

@media screen and (min-width: 768px) {
    .inventoryDropdown {
        display: grid;
        grid-template-columns: max-content 1fr;
    }

    .inventoryDropdown__quicklinks,
    .inventoryDropdown__models {
        padding-bottom: .5rem;
    }

    .inventoryDropdown__quicklinks {
        border-right: 1px solid var(--border-color, #dee2e6);
    }

    .inventoryDropdown__models {
        display: grid;
        min-width: 467px;
        align-content: start;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(8, auto);
        grid-auto-flow: column;
    }

    .inventoryDropdown__title {
        grid-column: 1 / -1;
    }

    .inventoryDropdown__item {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .inventoryDropdown__footer {
        flex-direction: row;
        align-items: center;
    }
}

/* patching main menu */
.main-menu .btn-primary {
    color: white;
}